PhyTouch icon indicating copy to clipboard operation
PhyTouch copied to clipboard

在vue中引用,只能拖动,无法缩放和旋转

Open a596544022 opened this issue 7 years ago • 1 comments

加入缩放和旋转后,进行操作直接卡死,拖动也失效了

 multipointStart: function(evt) { 
            this.$nextTick(() =>{
            Transform(evt.target);
            this.initScale = evt.target.scaleX;
            evt.preventDefault();
            })
        },
       
        pinch: function(evt) { 
             this.$nextTick(() =>{
             Transform(evt.target);
             evt.target.scaleX = evt.target.scaleY = this.initScale * evt.scale;
             evt.preventDefault();
              })
        },
        rotate: function(evt) {
            this.$nextTick(() =>{
            Transform(evt.target);
            evt.target.rotateZ += evt.angle;
            evt.preventDefault();
               })
        },
        pressMove: function(evt) { 
            this.$nextTick(() =>{
                Transform(evt.target);
                evt.target.translateX += evt.deltaX;
                evt.target.translateY += evt.deltaY;
                evt.preventDefault();
            })
            
        }

<img v-for="( v, i ) in tietuImgs" :src="v.img"
          v-finger:pinch="pinch"
          v-finger:rotate="rotate"
          v-finger:press-move="pressMove"
          v-finger:multipoint-start="multipointStart"
          />

a596544022 avatar Jul 19 '17 12:07 a596544022

你解决了吗,大神

wsygdiv avatar Jan 01 '18 13:01 wsygdiv