H5 直播的疯狂点赞动画是如何实现的?

H5 直播的疯狂点赞动画是如何实现的?
平常我们再直播间看到比较炫酷的H5点赞动画是如何实现的呢?本文分享了两种方法,分别用CSS3和Canvas实现,最后附上源码,值得收藏。

前端js保存页面为图片下载到本地的坑

前端js保存页面为图片下载到本地的坑
前端保存页面为图片,最常见的方案都是利用html2canvas来生成图片,同时利用HTML5的新属性download来点击保存到本地,来看看这些地方前端做会有什么坑?

Canvas实现直线与圆形的物理运动效果

Canvas实现直线与圆形的物理运动效果
导语:之前写过几篇关于canvas实现圆环动画的文章,例如这篇:canvas绘制旋转的圆环百分比进度条和使用HTML5 Canvas arc()绘制圆形/圆环,实现方法是通过循环绘制圆环(圆饼)等来实现,今天来看看这篇:基于canvas实现 ...

HTML5实现动画三种方式

HTML5实现动画三种方式
编者注:作者以一个运动的小车为例子,讲述了三种实现HTML5动画的方式,思路清晰,动画不仅仅是canvas,还有css3和javascript.通过合理的选择,来实现最优的实现。 PS:由于显卡、录制的帧间隔,以及可能你电脑处理器的原因,播 ...

HTML5 canvas动画经典案例和下载

HTML5 canvas动画经典案例和下载
HTML5真的是一个相当出色的Web技术,它不仅可以让你更加方便地操纵页面元素,而且可以通过canvas实现更多的动画特效,引进HTML5标准后,CSS3也就可以发挥更大的作用。本文主要介绍了一些基于HTML5 Canvas的动画特效,分享给大家,希望大家喜欢。

HTML5 canvas文本渐变特效

HTML5 canvas文本渐变特效
用CSS3来实现文字特效的渐变效果看网上有几种实现方法,本文先讲使用canvas来实现文字特效,canvas有专门文本属性和方法。

使用JavaScript检测是否支持CSS3、HTML5新特性

使用JavaScript检测是否支持CSS3、HTML5新特性
在我们放手用HTML5开发的时候,新特性支持度检测就是必不可少的了。一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本,不过这种方式不是很可靠,另一种靠特征检测(figure detection)或者说能力检测。

提高HTML5 Canvas性能的技巧

canvas代码也是有一些优化技巧的,我之前的几篇canvas的文章单纯涉及如何做使用canvas,下面看看别人是怎么说优化canvas性能的。 一:使用缓存技术实现预绘制,减少重复绘制Canvs内容 很多时候我们在Canvas上绘制与更新 ...

jquery圆环进度条插件

jquery圆环进度条插件
在网络搜到的一个jquery圆环进度条插件,是使用canvas写的,支持纯色、渐变颜色、支持文字逐渐变化、支持定义起始角等一切跟之前我写过的HTML5 Canvas绘制矩形和圆形(圆弧)和canvas绘制旋转的圆环百分比进度条等一切圆弧的属 ...

HTML5 Canvas绘制矩形和圆形(圆弧)

HTML5 Canvas绘制矩形和圆形(圆弧)
canvas绘制矩形、圆形和圆弧。在canvas里面有特定的方法来绘制矩形。rect(x,y,width,height);或者fillRect(x,y,width,height)从(x,y)为起始点,长尾width,高为height的填充矩 ...