在HTML5中，Canvas上不仅可以绘制图形和动画，还可以实现各种炫酷的文字动画特效。之前分享过一篇文章7款超华丽的HTML5 Canvas文字动画特效，其中就有不少令人惊叹的HTML5文字特效。这次我们给大家分享的也是一款基于HTML5 Canvas的文字动画，这款文字动画是将文字悬挂在富有弹性的细线上，用鼠标拖动文字即可让其在各个方向弹动。
HTML5 Canvas弹性文字动画
138 人浏览
2018-06-20 21:19:25
标签归档：HTML5 Canvas
基于Echarts的HTML5 Canvas中国地图
1,389 人浏览
2018-04-20 15:33:25
之前我们分享过几个基于HTML5和SVG的地图应用，例如这款HTML5世界地图利用了SVG的path特性，又比如这款jQuery矢量SVG地图插件JVectorMap同样通过SVG和jQuery实现。这次我们要分享一款基于Echarts的中国地图，底层技术是HTML5 Canvas技术，正是利用了Canvas中绘制图形的便利性，这款中国地图应用可以为每一个省添加描述信息。
HTML5 Canvas带边框的粒子动画进度条
735 人浏览
2018-03-31 10:19:25
还记得很早以前，我们分享过一款基于HTML5 Canvas的粒子动画进度条，非常富有创意。今天我们要带来的同样是一款基于HTML Canvas的粒子进度条动画，不同的是这款进度条相对是扁平样式的，进度部分带有细边框。
HTML5 Canvas冰川波浪起伏动画
852 人浏览
2018-03-27 22:17:18
之前我们分享过很多基于HTML5 Canvas的水波动画，其中一款基于WebGL的水面水波荡漾特效相当绝妙。还有这款HTML5 Canvas 3D波浪翻滚动画也是非常不错。这次我们要带来的同样是一款基于HTML5 Canvas的波浪起伏动画，这次的是冰川波浪起伏动画，在Canvas上绘制冰川效果的形状，然后利用动画特性让这些冰川不停地起伏起来。
HTML Canvas火焰画笔动画
693 人浏览
2018-03-12 22:07:34
之前我们为大家分享过很多关于火焰的HTML5动画，像这个HTML5 Canvas火焰文字动画特效和这个HTML5动感的火焰燃烧动画特效就非常炫酷。这次我们要介绍的这款基于HTML5 Canvas火焰动画非常特别，它是带火焰动画的画笔，画笔笔刷在画布上绘制时，线条带有火焰动画，非常不错。
超逼真的HTML5 Canvas仿Windows画图工具
3,941 人浏览
2018-02-18 17:38:13
HTML5 Canvas 3D天体运行动画
1,313 人浏览
2018-02-03 11:30:35
HTML5 Canvas火焰文字动画特效
3,377 人浏览
2018-01-30 21:03:06
HTML5技术确实挺强大的，特别是Canvas画布更是让网页动画变得丰富多彩。今天我们分享的是一款基于HTML5 Canvas的火焰文字动画特效，它可以让任意文字上方冒出密集的火焰，就像这些文字在熊熊燃烧一样。与这款火焰动画类似的还有以前分享的HTML5 Canvas幻彩火焰文字特效。
接下来我们一起来看看如何实现这款炫酷的HTML5 Canvas火焰文字动画特效。
HTML代码
由于是基于Canvas的，所有的动画细节都在Canvas上绘制实现，因此html代码就非常简单，仅仅提供一个canvas元素即可。代码如下：
<canvas id="canvas" width="1024" height="600"></canvas>
别看这简单的一个元素，它结合CSS3和JavaScript可以实现非常复杂的动画。
CSS3代码
CSS代码也没有什么特别，仅仅是定义Canvas的背景颜色：
canvas {
background-color:#000000;
left: 0;
}
JavaScript代码
[......]
HTML5 Canvas 图片粒子沙漏动画
3,794 人浏览
2018-01-26 21:49:37
之前我们分享过很多款炫酷的HTML5 Canvas粒子动画，比如这款HTML5 Canvas 多种炫酷3D粒子图形动画和HTML5 Canvas文字粒子动画就都非常不错。这次我们要给大家带来的是一款基于HTML5 Canvas的图片粒子沙漏动画，主要是将一张图片打散成粒子，然后模拟沙漏将图片粒子掉落下来。
HTML5 Canvas 房间3D模型动画 可读取麦克风和摄像头
1,306 人浏览
2018-01-14 17:24:28
