<canvas canvas-id='myCanvas'></canvas>
<movable-area scale-area>
  <movable-view  x="{{x}}" y="{{y}}" direction="all" out-of-bounds bindchange="onChange" bindscale="onScale" scale scale-min="0.5" scale-max="4" scale-value="{{scale}}" style="left:{{image.initialX}}px;top:{{image.initialY}}px;width:{{image.initialWidth}}px;height:{{image.initialHeight}}px">
    <image src='{{src.path}}' mode='scaleToFill'></image>
  </movable-view>
</movable-area>
<!-- <view class='bottom'>
  <view class='button' bindtap='cancel'>取消</view>
  <view class='button' bindtap='reset'>撤销</view>
  <view class='button' bindtap='complete'>完成</view>
</view> -->
  <view class="d-position-fixed d-flex pa-2 bg-fff operate d-flex">
    <van-button type="info" round class="w-50 px-2 box-sizing-border" bindtap="takePhoto">选取图片</van-button>
    <van-button type="info" round class="w-50 px-2 box-sizing-border" bindtap="complete">确定</van-button>
  </view>
