微信小程序图片裁剪_wx-cropper 方形

插件下载网站https://github.com/dlhandsome/we-cropper

在wxml页面添加

<!--start 用户自动截取正方形照片  -->
<template name="we-cropper">
    <canvas
            class="cropper  { {cutImage}}" 
            disable-scroll="true"
            bindtouchstart="touchStart"
            bindtouchmove="touchMove"
            bindtouchend="touchEnd"
            style="width:{ {width}}px;height:{ {height}}px;"
            canvas-id="{ {id}}">
    </canvas>
</template>


<view class="cropper-wrapper { {cutImage}}">
    <template is="we-cropper"  data="{ {...cropperOpt}}"/>
      <view class="cropper-buttons "