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

sponsored links
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/
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • YahooMyWeb

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

  • 3D JS collection of related websites

    http://www.c3dl.org/ The Canvas 3D JS Libary (C3DL) is a javascript library that will make it easier to write 3D applications using canvas 3d. It will provide a set of math, scene, and 3d object classes to make the canvas more accessible for developers th

  • At present, the CSS-wide reset (reset) Methods

    The original set: Bin Go Links: http://blog.bingo929.com/css-reset-collection.html In today's web design / development practice, the use of CSS for semantic-based (X) HTML tags to add style style are key. Designers dream at all the existence of such a

  • JS by scaling picture

    Web design or programming at how the most convenient way to deal with the wide picture high in order to achieve the best effect, this question a lot of trust production staff pages are encountered, the most troublesome of the most time is spent mapping Ph

  • prototype of Ajax.updater () method

    bring their own rails in prototype.js <a href="javascript:void addlist('cunzhuang',cunzhuangs,zoomlarger)"> village </ a> | Cunzhuang''in rthml is another page in ror should not increase in rhtml suffix html or. ...

  • ajax-engine

    Call the method is relatively simple

  • javascript to determine the current browser and operating system version

    javascript to determine the current browser and operating system version

  • Verification Code Rails implementation continued

    http://sanyking.javaeye.com/blog/120339 Connect with the address above on this website are one of the other way regarding the implementation Verification Code article, my article are based on the above completed, and the world is one big copy article, loo

  • Play flash page 3 (javascript script swfobject.js1)

    / ** * SWFObject v1.5: Flash Player detection and embed - http://blog.deconcept.com/swfobject/ * * SWFObject is (c) 2007 Geoff Stearns and is released under the MIT License: * Http://www.opensource.org/licenses/mit-license.php * * / if (typeof deconc ...

  • js examples of common events

    <html> <head> <script type="text/javascript"> / / Which mouse button is clicked function whichButton1 (event) ( if (event.button == 2) ( alert ( "You clicked the right mouse button!") ) else ( alert ( "You c ...

blog comments powered by Disqus
Recent
Recent Entries
Tag Cloud
Random Entries