收藏
评论

微信小程序图片裁剪工具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 个评论

  • Zzc
    Zzc
    2019-09-05

    这个确实很屌,裁剪框大小比例可以任意设置,小程序上目前最好用的图片裁剪三方。but裁剪之后图片清晰度变差,有知道的大神指教一下 ?

    2019-09-05
    赞同
    回复 4
    • 无理
      无理
      2019-10-16
      我也遇见同一个问题,请问解决了吗?
      2019-10-16
      回复
    • 刻骨铭心
      刻骨铭心
      2019-11-15
      你好,请问清晰度的问题解决了吗
      2019-11-15
      回复
    • 刻骨铭心
      刻骨铭心
      2019-11-15回复无理
      你好,请问清晰度的问题解决了吗
      2019-11-15
      回复
    • 😉
      😉
      2021-05-29
      只能滑动图片? 不能拖动四个角? 想微信发送图片一样裁切图片
      2021-05-29
      回复
  • Silence
    Silence
    2019-08-15

    要是能旋转图片就更好了

    2019-08-15
    赞同
    回复 1
    • 李洋
      李洋
      2020-03-04
      可以试下 SimpleCrop 全平台(Vue、React、微信小程序)任意角度旋转 图片裁剪组件。
      2020-03-04
      1
      回复
  • 桃白白
    桃白白
    2019-07-29

    裁剪框可以拖拽调整大小吗

    2019-07-29
    赞同
    回复
  • 2019-05-22

    可以控制裁剪后图片的大小吗?比如控制在1M以内

    2019-05-22
    赞同
    回复
  • Go'd
    Go'd
    2019-05-14

    请问在如何手动可以控制裁剪框大小

    2019-05-14
    赞同
    回复
  • 步格
    步格
    2019-04-10

    点击生成返回的this.wecropper.getCropperImage返回的src 是undefined,没办法生成预览图片


    2019-04-10
    赞同
    回复
  • 停一停、可好
    停一停、可好
    2019-04-09

    点击生成图片没有效果?

    2019-04-09
    赞同
    回复
  • 梁海涛
    梁海涛
    2019-03-02

    感谢大神指点,我的小程序商城项目也拿出来和大家分享,欢迎大家提出宝贵意见https://github.crmeb.net/u/demo

    2019-03-02
    赞同
    回复
  • 2018-10-25

    还可以,两个项目中用到了,就是手动修改成自己想要的样式稍微费事点

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

      v1.2.5 后就可以自定义修改裁剪框样式

      2019-01-09
      回复
  • 晓看天色暮看云
    晓看天色暮看云
    2018-09-26

    原生小程序可以用么?


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

      可以

      2019-01-09
      回复

正在加载...

登录 后发表内容