Pictures (rotate / zoom / flip) the transform (ccs3 / filter / canvas)

To achieve the image before rotation or flipping, ie the filters can only be achieved, although the canvas is also achieved, but ie does not support the standard and not html.
css3 out, finally can use the standard transform to achieve transformation, the canvas has become a standard part of html5.
css3 and html5 the web become more powerful, a variety of novel technologies are waiting for us to explore.
Respectively, through the filter of the program (ie), ccs3 and canvas to achieve the rotation picture, zoom and flip transformation effects, can be used as a picture viewer.
Has the following features:
1, with filter, ccs3 and canvas to achieve the same effect of the transformation;
2, can be rotated at any angle;
3, can be overturned at any angle;
4, can be extended wheel zoom;
5, scalable drag rotation.
Compatibility: ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0

Reprinted please reference: http://www.cnblogs.com/cloudgamer/

分类:Web 时间:2010-09-29 人气:212
分享到:
blog comments powered by Disqus

相关文章

  • ie, chrome, firefox, safari, opera html5 2008-07-31

    When the Ming among mainstream browsers chrome, firefox, safari, opera have been supported or are prepared to support HTML5, only ie does not support, for good or MS disappointed! html5 Usage: http://kb.operachina.com/node/190 html5: Effect Demo: htt

  • safari,opera嵌入iframe页面cookie读取问题解决方法 2014-04-14

    最近做的合作网站嵌入到对方的iframe中去,在safari,opera和有些版本的搜狗浏览器(内核版本原因)中不能读到cookie. 查到原因是因为在这些浏览器中对第三方的cookie安全验证比较严格,需要确认是用户主动到第三方网站的,才能读到cookie,于是加个引导页面要用户点击下才能进入我们的组件. 1,首页 判断是否是这些浏览器,若是则去引导页面,其中reflag是判断是否已经去过引导页面.若已经引导过就不去引导页面了. function safarireload() { var re

  • 主流浏览器大比拼:Firefox, Safari, Opera, IE横向评测 2015-01-10

    澳大利亚的一家网站zdnet.com.au日前通过iBench5.0和SunSpider两个测试工具,对时下的主流浏览器:Firefox.Safari.IE及Opera对于Web2.0站点的处理性能进行了横向对比. iBench通过测量对HTML.XML及JavaScript的处理速度来评估浏览器的性能.而SunSpider则完全针对JavaScript进行更细致的测试. 测试分别在Windows Vista SP3和Mac OS 10.5.2 Leopard下进行,横向对Safari 3.1.

  • Picture (rotation / zoom / flip) transformation effect (ccs3 / filter / canvas) 2010-08-21

    Ago to achieve the picture rotate or flip, ie the filter can only be achieved, although the canvas is also achieved, but ie does not support the standard and not html. css3 out, finally can use the standard transform to achieve transformation, the ca

  • js实现可兼容IE.FF.Chrome.Opera及Safari的音乐播放器 2013-11-27

    这篇文章主要介绍了js实现可兼容IE.FF.Chrome.Opera及Safari的音乐播放器,通过自定义javascript函数audioplayer实现兼容各常见浏览器的音乐播放功能,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了js实现可兼容IE.FF.Chrome.Opera及Safari的音乐播放器.分享给大家供大家参考.具体实现方法如下: /** 音乐播放器 * @param obj 播放器id * @param file 音频文件 mp3: ogg: * @param lo

  • 分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件 2012-07-19

    日期:2012-7-14 来源:GBin1.com jQuery插件开发绝对是jQuery框架最强大的一个特性.数以万计的开发人员开发了各种不同功能和特性的jQuery插件,使得jQuery框架如此的成功和流行.随着HTML5,CSS3的发展,javascript在web开发中慢慢变得更加强大,并且更加的可控.在今天的这篇文章中,我们将介绍10款帮助你构建完美UI,特效和动画的jQuery插件.希望大家能够喜欢! Percentage loader 在我们以前的文章中我们介绍过这个canvas实

  • JavaScript in the mouse wheel event Xiangjie 2010-03-27

    /*Firefox Register the event */ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); } Safari and Chrome are the same type, you can use HTML DOM methods to add an event window.onmousewheel=document.onmousewheel

  • 提升你设计水平的CSS3新技术 2012-03-09

    前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性.选择器(属性选择器.连字符.伪类.伪元素).RGBA和透明度属性.多栏布局.多背景图.Word Wrap.文字阴影.CSS圆角.边框图片.盒阴影.盒尺寸.媒体查询.语音,并详细说明了每个新技术目前有哪些浏览器兼容.本想将本文翻译成中文版和大家分享,但发现已有国人完成翻译,所以就偷个小懒,转载一下人家的翻译,在此感谢前端观察的博主辛苦翻译本文,为大家贡

  • [CSS3教程]CSS3基础&常用技巧&实例集合 2012-06-07

    CSS3常用技巧 CSS3下条纹&方格斜纹背景的实现 一.效果抢先:CSS3下的条纹背景demo 这些美丽的纹饰全部都是由CSS实现的,没有一点点的图片. 二.原理简述 主要是应用了两个CSS3的属性,一个是linear-gradient,即线性渐变,另外一个就是background-size,用来确定渐变的尺寸.关于background-size的基础知识,您可以点击这里查看.background-size顾名思意就是背景的尺寸.如果没有background-size的限制,渐变背景就会从上走

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 黔ICP备15002463号-1

processed in 0.191 (s). 10 q(s)