技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> 图片旋转的小例子

图片旋转的小例子

浏览:2266次  出处信息
<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);
11 }
12 image.src = "http://img1.cache.netease.com/img09/logo/logo_v1.gif";
13 </script>

IE应该用滤镜实现同样的效果。

rotate()这个函数接收的是弧度值。角度乘以0.017(2π/360)可以转变为弧度。

建议继续学习:

  1. 图片动态局部毛玻璃模糊效果的实现    (阅读:13577)
  2. 淘宝图片存储架构    (阅读:9810)
  3. 解决IE6从Nginx服务器下载图片不Cache的Bug    (阅读:7082)
  4. When we`re only No.2, we try harder之聊天表情设计小探讨    (阅读:6500)
  5. 精于图片处理的10款jQuery插件    (阅读:6204)
  6. phpThumb:强大的缩微图类    (阅读:5455)
  7. 贴着另一枚硬币旋转一周则自身转了两周:不同的解释方法    (阅读:5441)
  8. js实现预加载图片让图片快速显示    (阅读:4934)
  9. 利用开源的Gearman框架构建分布式图片处理平台[原创]    (阅读:4247)
  10. 使用数据库存放图片    (阅读:4179)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1