扫码查看效果
一款灵活小巧的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>
cd my-project
git clone https://github.com/we-plugin/we-cropper.git
var WeCropper = require('dist/we-cropper')
// ES6(需在开发工具勾选ES6转ES5)
import WeCropper from 'dist/we-cropper'
npm install
在src下进行文件修改
npm run build
如果你有好的意见或建议,欢迎提issue或pull request
这个确实很屌,裁剪框大小比例可以任意设置,小程序上目前最好用的图片裁剪三方。but裁剪之后图片清晰度变差,有知道的大神指教一下 ?
要是能旋转图片就更好了
裁剪框可以拖拽调整大小吗
可以控制裁剪后图片的大小吗?比如控制在1M以内
请问在如何手动可以控制裁剪框大小
点击生成返回的this.wecropper.getCropperImage返回的src 是undefined,没办法生成预览图片
点击生成图片没有效果?
感谢大神指点,我的小程序商城项目也拿出来和大家分享,欢迎大家提出宝贵意见https://github.crmeb.net/u/demo
还可以,两个项目中用到了,就是手动修改成自己想要的样式稍微费事点
v1.2.5 后就可以自定义修改裁剪框样式
原生小程序可以用么?
可以