kane
kane
@wsygdiv 一样的啊,比如: 在template中 ~~~html ~~~ 在script中methods ~~~js pinchFun (evt) { console.log(evt.zoom); } ~~~ 得到的zoom就是你的缩放比例,初始值为1,缩小时,值就小于1,放大时,值大于1。 比如缩放图片时可能用到,给图片设一个初始宽高,缩放时,可以乘以zoom的值得到新的图片宽高。
@wsygdiv 首先你确定触发了pinch事件,触发了是能读取到zoom这个字段的,再则如果函数有自定义参数要使用箭头函数。如: ~~~html ~~~ index为你循环遍历得到的相关数据
@wsygdiv 你不是要用es6吗?这是es6语法啊大哥!!!
@wsygdiv this.$refs.myBox[index].offsetWidth= this.$refs.myBox[index].offsetWidth*evt.zoom; 建议用offsetWidth属性,因为width属性可能为空。
@wsygdiv 不好意思,还没用过transform.js,有时间看看。
@wsygdiv 恩,没做过,你可以试试pressMove方法,从evt获取deltaX和deltaY的值(横向和纵向移动距离)按一定比例来移动图片位置,应该不难,参考我项目的源码注释,一点点调试,应该没有多大问题。
@wsygdiv 你定下位是什么原因吧,我这是能读到的。