wx-tailor

1.0.1 • Public • Published

✂ A simple image cropper for Wechat Miniprogram

Usage

Get wx-tailor on NPM

npm i -S wx-tailor --production

Include wx-tailor in <your page>.json

{
  "usingComponents": {
    "tailor": "wx-tailor"
  }
}

Using wx-tailor in <your page>.wxml

<tailor src="{{imageSrc}}" />

Attribute

Attribute Description Type Accepted Values Default
width width to be cropped(expect rpx, px, vw or vh) String -- 400rpx
height height to be cropped(expect rpx, px, vw or vh) String -- 400rpx
src image resouce to be cropped(expect wechat's temporary file path) String -- --
cancelText text content of cancel button String -- 取消
confirmText text content of confirm button String -- 确定
cancelColor text color of cancel button String -- #000000
confirmColor text color of confirm button String -- #FFFFFF
cancelBgColor background color of cancel button String -- #FFFFFF
confirmBgColor background color of confirm button String -- #09BB07

Events

Event Name Description Parameters
cancel triggers when the cancel button is clicked --
confirm triggers when the confirm button is clicked wechat's temporary file path of cropped image
error triggers when error occurred details of the error

Readme

Keywords

Package Sidebar

Install

npm i wx-tailor

Weekly Downloads

0

Version

1.0.1

License

ISC

Unpacked Size

25.1 kB

Total Files

23

Last publish

Collaborators

  • chrischan