HTML5新特性之Canvas+drag(拖拽图像实现图像反转)
1、什么是canvas 在网页上使用canvas元素时，会创建一块矩形区域，默认矩形区域宽度300px,高度150px。。 页面中加入canvas元素后，可以通过javascript自由控制。可以在其中添加图片、线条以及文字，也可以在里头绘图，还可 以加入高级动画。 使用canvas编程，首先要获得其上下文（context）。接着在上下文中执行动作，最后将动作应用到上下文中。
2、canvas坐标 坐标原点为左上角，x轴沿水平方向向右，y轴沿垂直方向向下。
3、替代内容 访问页面时，如果浏览器不支持canvas元素，或者不支持HTML5 Canvas API中的某些特性，开发者最好提供一份替代代码（可以是替代的图片或者说明性的文字）<canvas>
Update your browser to enjoy canvas!
</canvas>
4、浏览器对HTML5 Canvas API的支持 首先创建一个canvas对象，并获取其上下文。如果发生错误，则捕获错误，进而得知浏览器不支持canvas。页面中预放入ID为support的元素，通过适当的信息更新元素内容，可以反应浏览器支持情况。
拖拽后：
6、Canvas+drag
拖拽后：
