平常我们再直播间看到比较炫酷的H5点赞动画是如何实现的呢？本文分享了两种方法，分别用CSS3和Canvas实现，最后附上源码，值得收藏。
阅读全文canvas
HTML5 标签用于绘制图像（通过脚本，通常是 JavaScript）。不过， 元素本身并没有绘制能力（它仅仅是图形的容器） – 您必须使用脚本来完成实际的绘图任务。
前端保存页面为图片，最常见的方案都是利用html2canvas来生成图片，同时利用HTML5的新属性download来点击保存到本地，来看看这些地方前端做会有什么坑？
阅读全文导语：之前写过几篇关于Canvas实现圆环动画的文章，例如这篇：canvas绘制旋转的圆环百分比进度条和使用HTML5 Canvas arc()绘制圆形/圆环，实现方法是通过循环绘制圆环（圆饼）等来实现，今天来看看这篇：基于canvas实现 ...
阅读全文编者注：作者以一个运动的小车为例子，讲述了三种实现HTML5动画的方式，思路清晰，动画不仅仅是Canvas，还有css3和javascript.通过合理的选择，来实现最优的实现。 PS：由于显卡、录制的帧间隔，以及可能你电脑处理器的原因，播 ...
阅读全文
HTML5真的是一个相当出色的Web技术，它不仅可以让你更加方便地操纵页面元素，而且可以通过canvas实现更多的动画特效，引进HTML5标准后，CSS3也就可以发挥更大的作用。本文主要介绍了一些基于HTML5 Canvas的动画特效，分享给大家，希望大家喜欢。
阅读全文用css3来实现文字特效的渐变效果看网上有几种实现方法，本文先讲使用Canvas来实现文字特效，canvas有专门文本属性和方法。
阅读全文在我们放手用HTML5开发的时候，新特性支持度检测就是必不可少的了。一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本，不过这种方式不是很可靠，另一种靠特征检测（figure detection）或者说能力检测。
阅读全文Canvas代码也是有一些优化技巧的，我之前的几篇canvas的文章单纯涉及如何做使用canvas，下面看看别人是怎么说优化canvas性能的。 一：使用缓存技术实现预绘制，减少重复绘制Canvs内容 很多时候我们在Canvas上绘制与更新 ...
阅读全文
在网络搜到的一个jquery圆环进度条插件，是使用Canvas写的，支持纯色、渐变颜色、支持文字逐渐变化、支持定义起始角等一切跟之前我写过的HTML5 Canvas绘制矩形和圆形（圆弧）和canvas绘制旋转的圆环百分比进度条等一切圆弧的属 ...
阅读全文
Canvas绘制矩形、圆形和圆弧。在canvas里面有特定的方法来绘制矩形。rect(x,y,width,height);或者fillRect(x,y,width,height)从(x,y)为起始点，长尾width，高为height的填充矩 ...
阅读全文