ksp-image-cutter.wxml 3.3 KB

1
  1. <view hidden="{{!(url)}}" class="ksp-image-cutter data-v-4e360878"><canvas style="{{'width:'+(target.width+'px')+';'+('height:'+(target.height+'px')+';')}}" canvas-id="target" class="data-v-4e360878"></canvas><view class="body data-v-4e360878"><block wx:if="{{url}}"><image class="image data-v-4e360878" style="{{'left:'+(image.left+'px')+';'+('top:'+(image.top+'px')+';')+('width:'+(image.width+'px')+';')+('height:'+(image.height+'px')+';')}}" src="{{url}}" data-event-opts="{{[['load',[['imageLoad',['$event']]]]]}}" bindload="__e"></image></block><block wx:if="{{mask.show}}"><view class="mask data-v-4e360878"></view></block><view data-event-opts="{{[['touchstart',[['touchStart',['$event','plank']]]],['touchmove',[['touchMove',['$event']]]],['touchend',[['touchEnd',['$event']]]],['touchcancel',[['touchCancel',['$event']]]]]}}" class="plank data-v-4e360878" bindtouchstart="__e" bindtouchmove="__e" bindtouchend="__e" bindtouchcancel="__e"><view data-event-opts="{{[['touchstart',[['touchStart',['$event','frame']],['touchHandle',['$event']]]]]}}" class="frame data-v-4e360878" style="{{'left:'+(frame.left+'px')+';'+('top:'+(frame.top+'px')+';')+('width:'+(frame.width+'px')+';')+('height:'+(frame.height+'px')+';')}}" catchtouchstart="__e"><block wx:if="{{mask.show}}"><canvas class="canvas data-v-4e360878" style="{{'width:'+(frame.width+'px')+';'+('height:'+(frame.height+'px')+';')}}" canvas-id="canvas"></canvas></block><view class="rect data-v-4e360878"></view><view class="line-one data-v-4e360878"></view><view class="line-two data-v-4e360878"></view><view class="line-three data-v-4e360878"></view><view class="line-four data-v-4e360878"></view><view data-event-opts="{{[['touchstart',[['touchStart',['$event','left']],['touchHandle',['$event']]]]]}}" class="frame-left data-v-4e360878" catchtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['touchStart',['$event','right']],['touchHandle',['$event']]]]]}}" class="frame-right data-v-4e360878" catchtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['touchStart',['$event','top']],['touchHandle',['$event']]]]]}}" class="frame-top data-v-4e360878" catchtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['touchStart',['$event','bottom']],['touchHandle',['$event']]]]]}}" class="frame-bottom data-v-4e360878" catchtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['touchStart',['$event','left-top']],['touchHandle',['$event']]]]]}}" class="frame-left-top data-v-4e360878" catchtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['touchStart',['$event','left-bottom']],['touchHandle',['$event']]]]]}}" class="frame-left-bottom data-v-4e360878" catchtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['touchStart',['$event','right-top']],['touchHandle',['$event']]]]]}}" class="frame-right-top data-v-4e360878" catchtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['touchStart',['$event','right-bottom']],['touchHandle',['$event']]]]]}}" class="frame-right-bottom data-v-4e360878" catchtouchstart="__e"></view></view></view></view><view class="toolbar data-v-4e360878"><button data-event-opts="{{[['tap',[['oncancle',['$event']]]]]}}" class="btn-cancel data-v-4e360878" bindtap="__e">返回</button><button data-event-opts="{{[['tap',[['onok',['$event']]]]]}}" class="btn-ok data-v-4e360878" bindtap="__e">确定</button></view></view>