起初我创造了 canvas 。 我说, 要有雨, 就有了雨； 我说, 要有雪, 就有了雪。

代码示例来说明 h5 的一些高级 api

在开发 H5 应用的时候碰到一个问题， 应用只需要一张小的缩略图， 而用户用手机上传的确是一张大图， 手机摄像机拍的图片好几 M，这可要浪费很多流量。 像我这么为用户着想的程序员，绝对不会让这种事情发生的， 于是就有了本文。

现在摄像头已经是手机的标配了，移动网站也做得越来越像APP。然而拍照上传这件事情的体验似乎仍然不如APP，主要原因是现在手机拍摄的照片太大，上传非常消耗流量也非常耗时。APP都会在上传前缩小要上传的照片尺寸，以期更节省流量和时间。在HTML5时代，利用文件API和Canvas技术，Web上也可以做到图片压缩上传。 PS: 例子程序已经更新，自测能兼容我的小米上的微信6.2.5。可以点标题下的原文查看。或者直接打开http://tpjda.pwd.tw/

HTML5 canvas 80 行代码实现的高并发弹幕功能，通过拉伸自动适配所有尺寸，已在 pc，手机，电视浏览器通过测试，通过 jquery 插件方式导入

相信很多同学都用过 canvas，其操作简单而言就是擦除和绘制，当 canvas 动效越来越复杂的时候，我们时常会担心一帧中的计算超过 16ms，因为此时给用户看到的效果就会明显卡顿。对此我们写了一篇关于 canvas 的「最佳实践」，希望对你有所启发：《Canvas 最佳实践（性能篇）》 ——淘宝 FED

canvas 入门基础

canvas 动画包教不包会

其实 canvas 本身很简单，就是去学习它的 API，多看实例，多自己动手练习，多总结。但是 canvas 的 API 实在是有点多，对于初学者来说，可能学到一半就止步不前了。我也有这种感觉，在学习的过程中，编写实例，用到了其中很多的属性和方法，但是回头来看的时候总觉得什么也没用。所以决定系统性的记录一下它常用到的 API，方便以后查阅，也顺便造福一下大家