图片缩放

1397881320

  我引用touch.js 实现图片缩放功能 ，但是我的image 的xid只能为pinch才能 实现缩放功能，换了其他的xid的话就不能实现，看了一下touch.js 但是不知道该修改写什么可以实现其他xid也可以进行缩放，希望知道的人告诉我一下 ，谢谢

liangyongfei

请参考平台案例
UI2/system/components/justep/touch/demo/touchjs/mainActivity.w

wuyong

有没有touch.js的使用说明，我看了一下例子，并仿照做了一下，图片放大是按照图片的中心进行放大，图片的上边和下边都不能看到，如果拖拽图片就恢复到原来的大小进行拖拽，如何实现局部放大，能否和拖拽的结合起来？

liangyongfei

wuyong 发表于 2016-4-13 13:15
有没有touch.js的使用说明，我看了一下例子，并仿照做了一下，图片放大是按照图片的中心进行放大，图片的上 ...

touch.js 放大拖动问题 ：http://bbs.wex5.com/forum.php?mod=viewthread&tid=87643    http://bbs.wex5.com/forum.php?mo ... 6&pid=165224655

wuyong

我通过浏览器查看图片css变化，发现this.style.webkitTransform在实现缩放后，在实施拖拽时将this.style.webkitTransform='scale(3)'替换掉了，所以就出现图片放大后拖拽图片就恢复到原来的大小进行拖拽，但是如何将图片width改变来实现图片放大，拖拽时图片还是保持放大状态。我在touch的案例这样改的，将this.style.webkitTransform = 'scale(' + currentScale + ')';替换成：if (currentScale>1){
                             this.style.width="140%";
                        }
                        if (ev.scale<1){
                             this.style.width="100%";
                             this.style.webkitTransform = "translate3d( 0,0,0)";
                        }

wuyong

我的做法只是实现图片双指固定放大，双指缩小为原样。

wuyong

我的问题解决，结贴。

kisshexuxia

wuyong 发表于 2016-4-14 14:50
我的问题解决，结贴。

怎么解决的发下吧我也像知道

wuyong

我的目的是在线打开pdf文件，一开始用touch.js效果不好，最后抛弃了，后来采用浏览器利用pdf插件来实现pdf文件的现实，插件带有文件的放大缩小功能，直接用就行了！