Colorful-childhood/pages/clipPhoto/clipPhoto.wxml

<!--pages/clip/clip.wxml-->
<view class="clip">
    <image class="head-img" style="width:{{cropperW}}rpx;height:{{cropperH}}rpx" src="{{imageUrl}}"></image>
    <movable-area scale-area style="width:{{cropperW}}rpx;height:{{cropperH}}rpx">
        <movable-view style="width: {{cropperW}}rpx; height: {{screenH}}rpx;" bindchange="move" direction="all">
        </movable-view>
    </movable-area>
    <view class="btn">
        <text bindtap="getImageInfo">保存</text>
    </view>
</view>
<canvas canvas-id="myCanvas" style="position:absolute; width:100%;height:100%;border: 1px solid red;left: -9999px; top: -9999px;"></canvas>