Canvas动画(PC端 移动端) 一,介绍与需求 1.1,介绍
canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术。<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是,<canvas> 有一个基于 JavaScript 的绘图 API,而 SVG 和 VML 使用一个 XML 文档来描述绘图。SVG 绘图很容易编辑与生成,但功能明显要弱一些。canvas可以完成动画、游戏、图表、图像处理等原来需要Flash完成的一些功能
1.2,需求实现特殊的动画效果
二,动画实现以跟随鼠标/手指移动的火为例
第一步:创建Canvas标签
1 <canvas id="fire"></canvas>