movable-area+movable-view+image实

wxml文件

<movable-area scale-area style="width: 375rpx; height: 730rpx;">
  <movable-view direction="all" out-of-bounds scale scale-min="1" scale-max="10">
    <image mode="widthFix" src="../../image/photo_self.png"></image>
  </movable-view>
</movable-area>

wxss文件

page {
  background-color: #F8F8F8;
  height: 100%;
  font-size: 32rpx;
  line-height: 1.6;
}

movable-view {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300rpx;
  width: 300rpx;
  background: #1AAD19;
  color: #fff;
}

movable-area {
  height: 730rpx;
  width: 375rpx;
  margin: 50rpx;
  background-color: #ccc;
  overflow: hidden;
}