PhyTouch
PhyTouch copied to clipboard
在vue中引用,只能拖动,无法缩放和旋转
加入缩放和旋转后,进行操作直接卡死,拖动也失效了
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"
/>
你解决了吗,大神