【干货】微信小程序 图片拖动缩放 movable-view-area

最关键的就是movable 两个view和area的大小设置，其次就是设置 width =100% 等比例缩放

下面直接上代码：

wxml：

  
  
  可放缩
  
  
    
     
    
  
  

js：

Page({
  data: {
    x: 0,
    y: 0
  },
  tap: function (e) {
    this.setData({
      x: 30,
      y: 30
    });
  },
  onChange: function (e) {
    console.log(e.detail)
  },
  onScale: function (e) {
    console.log(e.detail)
  }
}) 

wxss：

/**index.wxss**/
.img{
  width: 100%;
  clear:both;
  display: block;

}
.section__title{
  clear:both;
  display: block;
}

效果：