HTML5应用-----canvas 实例,图片旋转 IE+ FF OP CH 兼容
写在前面：以前写过一篇日志。说未来互联网的相册将可以实现任意旋转。当时还不了解javascript，如今算是略懂皮毛。在HTML5来临时代，就试试一把。
在浏览微博的时候看到很多插入图片都可以实现旋转，就好奇是怎么实现的。也想检验一下最近学习的javascript效果。记录学习过程。
HTML5中的canvas介绍是：
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
画布是一个矩形区域，您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
示例: 图片右旋转90度 !IE
cxt.rotate(90* Math.PI /180);
cxt.drawImage(img,0,-700);
</script>
</body>
</html>
用到了3个方法
getContext() 方法返回一个用于在画布上绘图的环境。
rotate() 方法旋转画布的坐标系统。
drawImage() 方法绘制一幅图像。
IE CSS滤镜中：progid:DXImageTransform.Microsoft.BasicImage(rotation='N') 旋转效果 以顺时针 90*N(Integer)
示例:图片右旋转90度 IE
</div>
</body>
</html>
从上述2个例子可以基本定义思路. 要对 IE 浏览器判断处理 需 记录 N 的旋转值.
!IE 浏览器中需动态更改 rotate()角度 与 drawImage() 坐标。
</a>
</div>
</body>
</html>
以上实现基本原理. 如果要引用到项目中,还需要获取 相应的 canvas .