mirror of
https://gitee.com/elegant_wings/dbd-meeting-wx-small.git
synced 2025-06-22 01:59:36 +08:00
45 lines
2.8 KiB
Plaintext
45 lines
2.8 KiB
Plaintext
<view class="wx-content-info">
|
|
<view class='cropper-content'>
|
|
<view wx:if="{{isShowImg}}" class="wx-corpper" style="background:#000;">
|
|
<view class="wx-corpper-content"
|
|
style="width:{{cropperW}}rpx;height:{{cropperH}}rpx;left:{{cropperL}}rpx;top:{{cropperT}}rpx">
|
|
<image src="{{imageSrc}}" style="width:{{cropperW}}rpx;height:{{cropperH}}rpx"></image>
|
|
<view class="wx-corpper-crop-box" bindtouchstart="contentStartMove" bindtouchmove="contentMoveing"
|
|
bindtouchend="contentTouchEnd" style="left:{{cutL}}rpx;top:{{cutT}}rpx;right:{{cutR}}rpx;bottom:{{cutB}}rpx">
|
|
<view class="wx-cropper-view-box">
|
|
<view class="wx-cropper-dashed-h"></view>
|
|
<view class="wx-cropper-dashed-v"></view>
|
|
<view class="wx-cropper-line-t" data-drag="top" catchtouchstart="dragStart" catchtouchmove="dragMove">
|
|
</view>
|
|
<view class="wx-cropper-line-r" data-drag="right" catchtouchstart="dragStart" catchtouchmove="dragMove">
|
|
</view>
|
|
<view class="wx-cropper-line-b" data-drag="bottom" catchtouchstart="dragStart" catchtouchmove="dragMove">
|
|
</view>
|
|
<view class="wx-cropper-line-l" data-drag="left" catchtouchstart="dragStart" catchtouchmove="dragMove">
|
|
</view>
|
|
<view class="wx-cropper-point point-t" data-drag="top" catchtouchstart="dragStart"
|
|
catchtouchmove="dragMove"></view>
|
|
<view class="wx-cropper-point point-tr" data-drag="topTight"></view>
|
|
<view class="wx-cropper-point point-r" data-drag="right" catchtouchstart="dragStart"
|
|
catchtouchmove="dragMove"></view>
|
|
<view class="wx-cropper-point point-rb" data-drag="rightBottom" catchtouchstart="dragStart"
|
|
catchtouchmove="dragMove"></view>
|
|
<view class="wx-cropper-point point-b" data-drag="bottom" catchtouchstart="dragStart"
|
|
catchtouchmove="dragMove" catchtouchend="dragEnd"></view>
|
|
<view class="wx-cropper-point point-bl" data-drag="bottomLeft"></view>
|
|
<view class="wx-cropper-point point-l" data-drag="left" catchtouchstart="dragStart"
|
|
catchtouchmove="dragMove"></view>
|
|
<view class="wx-cropper-point point-lt" data-drag="leftTop"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class='cropper-config'>
|
|
<!-- <text class="cropper-cancle" bindtap="close">取消</text> -->
|
|
<text class="cropper-cancle" bindtap="getImage">选择图片</text>
|
|
<text class="cropper-save" bindtap="getImageInfo">完成</text>
|
|
</view>
|
|
<canvas canvas-id="myCanvas"
|
|
style="position:absolute;border: 1px solid red; width:{{qualityWidth}}px;height:{{qualityWidth/innerAspectRadio}}px;top:-9999px;left:-9999px;"></canvas>
|
|
</view> |