Lanaya10001

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

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

@蛋蛋：首先来看下我们准备要做的 ISUX 粒子动画效果是怎么样的~

canvas 是 H5 一个超棒的元素，能创造好多漂亮的效果。现在就用它最简单的几个方法，画一只酷炫的熊本熊（恩，酷炫是因为熊本熊本来就是一种酷炫的生物）。

阅读目录 方法一：position 加 margin 方法二： diaplay:table-cell 方法三：position 加 transform 方法四：flex;align-items: center;justify-content: center 方法五：display:flex;margin:auto 方法六：纯 position 方法七：兼容低版本浏览器，不固定宽高

概述 Web 前端要学习的内容。html 就是一堆标签，然后可以在页面显示出一些控件，例如表格，输入框，按钮等。而 css 的作用在于控制 html 的标签位置，效果等，如果不是 css 的话，我们不会见到平时那些如此美观的页面。js 的作用主要是提供运算功能，动态操作页面的元素，还可以通过网络与服务器通讯（传说中的 ajax），动画效果很多时候也是 js 弄出来的。

我也经常用 github，依然需要进化自己的工作流