touch 疑问

dxsbj

两年过去了

liangyongfei

dxsbj 发表于 2017-1-6 14:17
两年过去了

http://docs.wex5.com/wex5-ui-question-list-2112

dxsbj

liangyongfei 发表于 2017-1-6 15:02
http://docs.wex5.com/wex5-ui-question-list-2112

版主您好，这个方法实际上与把touch.on('#' + id, 'pinch', function(ev){});和touch.on('#' + id, 'drag', function(ev){});两个写在一起是一样的效果：拖拽可以实现，缩放就回去了图片开始的位置，不能再拖拽位置缩放。写在了一起但是是完全分开的实现。
我理解的是应该记录一个平移的偏移量和一个缩放的偏移量，这样在平移之前取到图片的缩放大小，在缩放之前取到图片的平移位置，请问有这方面的API或者demo吗，谢谢

liangyongfei

dxsbj 发表于 2017-1-6 15:47
版主您好，这个方法实际上与把touch.on('#' + id, 'pinch', function(ev){});和touch.on('#' + id, 'drag ...

图片偏移量记录在全局变量中！每次修改它的值，就可以了！
每个监听事件中都使用这个值渲染图片

dxsbj

liangyongfei 发表于 2017-1-6 16:14
图片偏移量记录在全局变量中！每次修改它的值，就可以了！
每个监听事件中都使用这个值渲染图片 ...

1. var dx, dy; //偏移
   
2.         var initialScale = 1;
   
3.         var currentScale; // 缩放
   
4.         Model.prototype.pinch = function(event) {
   
5.                 var id = this.getIDByXID('pinch');
   
6.                 var target = document.getElementById(id);
   
7.                 // target.style.webkitTransition = 'all ease 0.05s';
   
8. 
   
9.                 touch.on('#' + id, 'touchstart', function(ev) {
   
10.                         ev.preventDefault();
    
11.                 });
    
12. 
    
13.                 touch.on('#' + id, 'drag', function(ev) {
    
14.                         dx = dx || 0;
    
15.                         dy = dy || 0;
    
16.                         var offx = dx + ev.x + "px";
    
17.                         var offy = dy + ev.y + "px";
    
18.                         this.style.webkitTransform = "translate3d(" + offx + "," + offy + ",0)";
    
19.                 });
    
20. 
    
21.                 touch.on('#' + id, 'dragend', function(ev) {
    
22.                         dx += ev.x;
    
23.                         dy += ev.y;
    
24.                 });
    
25. 
    
26.                 touch.on('#' + id, 'pinch', function(ev) {
    
27.                         ev.hasStopedPropagation = true;
    
28.                         currentScale = ev.scale - 1;
    
29.                         currentScale = initialScale + currentScale;
    
30.                         currentScale = currentScale < 1 ? 1 : currentScale;
    
31.                         this.style.webkitTransform = 'scale(' + currentScale + ')';
    
32.                 });
    
33. 
    
34.                 touch.on('#' + id, 'pinchend', function(ev) {
    
35.                         initialScale = currentScale;
    
36.                 });
    
37.         };

复制代码

麻烦您看一下这样有什么问题吗，这样子改完以后缩放和偏移都能记录，但是还是合不到一起去

liangyongfei

dxsbj 发表于 2017-1-6 16:23
麻烦您看一下这样有什么问题吗，这样子改完以后缩放和偏移都能记录，但是还是合不到一起去 ...

参考下他人的做法吧
http://bbs.wex5.com/forum.php?mod=viewthread&tid=87643    http://bbs.wex5.com/forum.php?mo ... 6&pid=165224655

http://bbs.wex5.com/forum.php?mod=viewthread&tid=112647


整个需要真机调试才知道原因

dxsbj

liangyongfei 发表于 2017-1-6 16:49
参考下他人的做法吧
http://bbs.wex5.com/forum.php?mod=viewthread&tid=87643    http://bbs.wex5.com/f ...

参考了一下还是没能解决，我自己再去想想办法吧，谢谢版主