图片(旋转/缩放/翻转)变换效果(ccs3/滤镜/canvas)

作者: nick 分类: html, html5, js 发布时间: 2010-10-16 10:06 ė 62条评论

以前要实现图片的旋转或翻转,只能用ie的滤镜来实现,虽然canvas也实现,但ie不支持而且不是html标准。
css3出来后,终于可以用标准的transform来实现变换,而canvas也已成为html5标准的一部分。
css3和html5使web变得越来越强大,各种新奇的技术正等待我们发掘。
本程序分别通过滤镜(ie)、ccs3和canvas来实现图片的旋转、缩放和翻转变换效果,可以用作图片查看器。
有如下特色:
1,用滤镜、ccs3和canvas实现相同的变换效果;
2,可任意角度旋转;
3,可任意角度翻转;
4,可扩展滚轮缩放;
5,可扩展拖动旋转。
兼容:ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0

效果预览、原文地址:http://www.cnblogs.com/cloudgamer/archive/2010/08/16/ImageTrans.html

本文出自 传播、沟通、分享,转载时请注明出处及相应链接。

本文永久链接: http://www.db.run/?p=1137

2条评论

  1. nick 2010年12月30日 11:12 回复

    @痒痒肉小黄瓜
    获取预览网页的内容,做解析下展示。

  2. 痒痒肉小黄瓜 2010年12月29日 11:02 回复

    网页预览是如何实现的 能不能简单说下原理

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ɣ回顶部