收藏
评论

微信小程序图片裁剪工具we-cropper

扫码查看效果

微信小程序图片裁剪工具we-cropper

travis-ci

一款灵活小巧的canvas图片裁剪器 在线体验

<div style="position:relative;width: 100%"> <img src="https://github.com/we-plugin/we-cropper/blob/master/docs/assets/screenshot.jpg" width="50%" style="position:absolute; left: 50%; transform:translateX(-50%)" /> </div>

Feature

  • 实用的API
  • 灵活的钩子函数
  • 多场景的demo可供参考:
    • 常规裁剪
    • 上传裁剪头像
    • 裁剪网络图片
    • 添加水印
    • 局部裁剪

Usage

克隆项目到你的目录

cd my-project

git clone https://github.com/we-plugin/we-cropper.git

使用编译后的文件dist/weCropper.js

var WeCropper = require('dist/we-cropper')

// ES6(需在开发工具勾选ES6转ES5)
import WeCropper from 'dist/we-cropper'

对插件进行开发调试

npm install

在src下进行文件修改

npm run build

Links

Document

ChangeLog

Example

The MIT License

Contributing

如果你有好的意见或建议,欢迎提issue或pull request

最后一次编辑于  2018-01-18
收藏

26 个评论

  • 2018-09-18

    裁剪出来的是png,怎么转jpg?

    2018-09-18
    赞同
    回复 1
    • Sail
      Sail
      2019-01-09

      已支持

      this.wecropper.getCropperImage({ fileType: 'jpg' }).then(tempFilePath => {
          console.log(tempFilePath)
      })


      2019-01-09
      回复
  • 侯衍超
    侯衍超
    2018-09-12

    希望解决下裁剪后图片模糊的问题

    2018-09-12
    赞同
    回复 3
    • Sail
      Sail
      2019-01-09

      v1.3.3 后已经解决了哈

      2019-01-09
      回复
    • about
      about
      2019-09-20回复Sail
      并没有解决,依旧模糊
      2019-09-20
      回复
    • about
      about
      2019-09-20回复Sail
      ........解决了,https://we-plugin.github.io/we-cropper/#/该文档并未标明。把we-cropper项目克隆到本地,we-cropper/docs目录下 api.md中才有详细的解释。wecropper.getCropperImage(opt,callback),opt 可配置original ,默认为false,设置为true即可
      2019-09-20
      回复
  • ㅤㅤㅤ
    ㅤㅤㅤ
    2018-08-28

    保存的时候,裁剪的图片怎么样和背景图片一起保存呢

    2018-08-28
    赞同
    回复
  • 。。。。。。
    。。。。。。
    2018-08-04

    第一是很卡 第二是苹果手机不兼容

    2018-08-04
    赞同
    回复 1
    • Sail
      Sail
      2018-08-06

      不兼容具体指的是?

      2018-08-06
      回复
  • 张鑫
    张鑫
    2018-06-15

    很卡,谢谢!


    2018-06-15
    赞同
    回复 2
    • 张鑫
      张鑫
      2018-06-15

      IOS和安卓,实例小程序就很卡!

      2018-06-15
      回复
    • 张鑫
      张鑫
      2018-06-15回复张鑫

      IOS和安卓,实例小程序就很卡!,试了下,是图片稍微大一点就卡!

      2018-06-15
      回复
  • 洁琦
    洁琦
    2018-06-01

    ios中微信升级到6.6.7版本,单指触发图片编辑完成后,会导致原本页面无法滚动

    2018-06-01
    赞同
    回复 1
    • 小确幸🐾
      小确幸🐾
      2018-08-21

      同问

      2018-08-21
      回复

正在加载...

登录 后发表内容