jQuery支持移动Mobile的DOM元素移动和缩放插件

Posted phlsheji

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery支持移动Mobile的DOM元素移动和缩放插件相关的知识,希望对你有一定的参考价值。

jQuery Panzoom是一款很有用的html DOM元素平移和缩放jQuery和CSS3插件。

Panzoom利用CSS transforms 和 matrix函数来为浏览器进行硬件(GPU)加速。它能够支持不论什么元素的平移和缩放:图片、视频、iframe、canvas或文本等等。
Panzoom支持移动Mobile的触摸姿势,也支持使用手指来缩放元素大小。它全然能够同一时候在桌面设备和移动手机上同一时候使用。它能够支持iosandroid设备,同一时候支持Pointer(IE11+)、touch和mouse事件。

Panzoom能够在支持SVG的浏览器中直接对SVG元素进行平移和缩放。IE8及下面的浏览器不支持这个插件。

技术分享

在线演示:http://www.htmleaf.com/Demo/201503311604.html

下载地址:http://www.htmleaf.com/jQuery/Image-Effects/201503311603.html




以上是关于jQuery支持移动Mobile的DOM元素移动和缩放插件的主要内容,如果未能解决你的问题,请参考以下文章

适用于桌面和移动设备的 jQuery Mobile

JQuery mobile:在多个元素上进行一次触摸移动就像鼠标悬停一样

jQuery Mobile 快速入门

jQuery移动开发 jQuery Mobile Develop and Design 中文pdf扫描版

JQuery for mobile safari:on()失败

使用 jQuery Mobile、Django 和 Phonegap 构建移动应用程序