cropper.wxml 1.6 KB

1
  1. <view data-event-opts="{{[['touchstart',[['start',['$event']]]],['touchmove',[['move',['$event']]]],['touchcancel',[['end',['$event']]]],['touchend',[['end',['$event']]]]]}}" class="nice-cropper" style="{{'height:'+(height)+';'+('width:'+(width)+';')+('background:'+(background)+';')}}" bindtouchstart="__e" catchtouchmove="__e" bindtouchcancel="__e" bindtouchend="__e"><image class="nice-cropper__image _img" style="{{'transform:'+(transformMeta)+';'+('width:'+(image.width+'px')+';')+('height:'+(image.height+'px')+';')}}" src="{{src}}"></image><view class="{{['nice-cropper__ctrls',(view)?'nice-cropper__ctrls--view':'',(showCtrlBorder)?'nice-cropper__ctrls--border':'',(view&&circleView&&maskType!=='outline')?'nice-cropper__ctrls--circle':'']}}" style="{{(ctrlStyle)}}"><view data-event-opts="{{[['touchstart',[['setCutMode',['lt']]]]]}}" class="nice-cropper__corner nice-cropper__corner--lt" bindtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['setCutMode',['rt']]]]]}}" class="nice-cropper__corner nice-cropper__corner--rt" bindtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['setCutMode',['rb']]]]]}}" class="nice-cropper__corner nice-cropper__corner--rb" bindtouchstart="__e"></view><view data-event-opts="{{[['touchstart',[['setCutMode',['lb']]]]]}}" class="nice-cropper__corner nice-cropper__corner--lb" bindtouchstart="__e"></view></view><block wx:if="{{canvasId}}"><canvas style="{{'position:absolute;left:-500000px;top:-500000px;'+('width:'+(ctrlWidth*canvasZoom+'px')+';')+('height:'+(ctrlHeight*canvasZoom+'px')+';')}}" id="{{canvasId}}" canvas-id="{{canvasId}}"></canvas></block></view>