<script type= "text/javascript" > |
02 |
var c1 = document.getElementById( "c1" ); |
03 |
ctx = c1.getContext( "2d" ), |
04 |
image = document.createElement( "IMG" ); |
05 |
image.onload = function () { |
06 |
c1.width = image.height; |
07 |
c1.height = image.width; |
08 |
ctx.translate(0, image.width); |
09 |
ctx.rotate(270*Math.PI/180); |
10 |
ctx.drawImage(image, 0, 0); |
12 |
image.src = "http://img1.cache.netease.com/img09/logo/logo_v1.gif" ; |
IE应该用滤镜实现同样的效果。
rotate()这个函数接收的是弧度值。角度乘以0.017(2π/360)可以转变为弧度。
建议继续学习:
- 图片动态局部毛玻璃模糊效果的实现 (阅读:13591)
- 淘宝图片存储架构 (阅读:9836)
- 解决IE6从Nginx服务器下载图片不Cache的Bug (阅读:7097)
- When we`re only No.2, we try harder之聊天表情设计小探讨 (阅读:6507)
- 精于图片处理的10款jQuery插件 (阅读:6219)
- phpThumb:强大的缩微图类 (阅读:5459)
- 贴着另一枚硬币旋转一周则自身转了两周:不同的解释方法 (阅读:5447)
- js实现预加载图片让图片快速显示 (阅读:4961)
- 利用开源的Gearman框架构建分布式图片处理平台[原创] (阅读:4259)
- 使用数据库存放图片 (阅读:4187)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习