wxc-cropper

裁剪 - 小程序组件

Usage no npm install needed!

<script type="module">
  import wxcCropper from 'https://cdn.skypack.dev/wxc-cropper';
</script>

README

wxc-cropper

裁剪 - 小程序组件

Install

$ min install wxc-cropper

注意事项

该组件和小程序中页面的滚动冲突，因此不推荐在scroll-view等可以滚动的页面中使用。

在src/pages/cropper中有详细的使用示例

API

Cropper

属性

名称 描述
imgUrl 图片的地址，类型是string
aspectRatio 裁剪框的横纵比，默认是1，值为width / height，类型是float,传0代表不限制横纵比，这时候裁剪框是一个任意比例的矩形
cropperColor 裁剪框的颜色，默认是#ffffff
minLen 裁剪框的短边的最小长度，默认是60
themeColors 要提取的主色调数量

方法

名称 描述
crop 裁剪图片

事件

名称 描述
cropped 裁剪事件完成后的回调，返回值中有: x：裁剪框的左上角点的横坐标，y：裁剪框的左上角点的纵坐标，width：裁剪的宽度，height：裁剪的高度，filepath：裁剪的图片保存在本地的地址，在组件中使用bind:cropped来获取该事件

ChangeLog

v1.0.0（2018-7-25）

  • 初始版本