mwbr.net
当前位置:首页 >> jquEry实现手机端网页中图片两指缩放,旋转的功能... >>

jquEry实现手机端网页中图片两指缩放,旋转的功能...

这个貌似HTML5教程里就有啊

百度有个touch.js,支持各种手势,包括缩放pinch事件,pinchin是缩小,pinchout是放大。

浏览的话,lightbox,colorbox 缩放和旋转的话,rapheal,rotate.js 目前没找到同时支持浏览,缩放,旋转的插件,需要自己结合这些东西实现

现在我们以这个苹果的图片作为例子 我将演示代码写在这个页面网页链接,下面解释其用法。 页面结构如图 javascript代码如下 $(function() { var r = 0; $('img').click(function() { r += 90; $(this).css('transform', 'rotate(' + r + 'deg)')...

不知道啊,占楼...

Test var current = 0;function tranImg(trun){var imgObj= document.getElementById('imgTest');current = (current+trun)%360;imgObj.style.transform = 'rotate('+current+'deg)';}

这个现在可以用css3来完成来;transform:rotate(90deg)旋转90度transform:scale(1.2);放大1.2倍

animate.js 你可以搜一下

下面是用css旋转图片,用js换className。 换图片地址后试试。 .css-turn-0{ -moz-transform:matrix(1,0,0,1,0,0); -o-transform:matrix(1,0,0,1,0,0); -webkit-transform:matrix(1,0,0,1,0,0); transform:matrix(1,0,0,1,0,0); -ms-filter:"prog...

그림 같은 수 있도록, div 자유 드래그, 확대, 축소, 회전 플러그인 이름이 ...

网站首页 | 网站地图
All rights reserved Powered by www.mwbr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com