微信小程序 利用transform:Matrix(a,b,c,d,e,f) 实现图片拖拽

  • Post author:
  • Post category:小程序


微信小程序的样式属性 transform:Matrix()是一个非常强大的功能,通过这个组建可以实现非常多的图形变化,位移等功能。

下面上位移样例:




如图

,我要在红色区域内移动图片,而这个图片是有一个原始样式的,也就是它本身是有一个matrix(x,x,x,x,x,x)属性的,所以我只要在后台不断更改它的属性就可以了。

1):



需要给这张图片一个滑动触发的方法

bindtouchmove=moveImg。


在js文件里书写方法 首先moveImg(res)里res会自动封装它触发的位置信息封装在res.touches[0]



版权声明:本文为duan422633333原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。