扫一扫分享
we-cropper一款灵活小巧的canvas图片裁剪器 .
首先需要在WXML结构中置入一个canvas作为裁剪图片的容器,并绑定相应的事件句柄。 需要注意的是,canvas的宽高(width、height)需要和we-cropper构造器参数中的保持一致
<import src="../we-cropper/we-cropper.wxml"/>
<view class="cropper-wrapper">
<template is="we-cropper" data="{{...cropperOpt}}"/>
<view class="cropper-buttons">
<view
class="upload"
bindtap="uploadTap">
上传图片
</view>
<view
class="getCropperImage"
bindtap="getCropperImage">
生成图片
</view>
</view>
</view>
手机预览