UNPKG

pic2editor

Version:

vue实现的图片编辑器

38 lines (29 loc) 1.03 kB
# vue 图片编辑器功能 ## 功能 - 裁剪:✅ - 下载:✅ - 上传:✅ - 图形:长方形、圆形 - 绘画:直线、箭头 - 文字:大小、样式(加粗、斜体、下划线) - 方向:旋转+90、旋转-90、水平颠倒、垂直颠倒 ## 安装 `npm install pic2editor` or `yarn add pic2editor` ## 引用 `import pic2editor from 'pic2editor'` ## 属性 |字段名|描述|值类型|默认值| |-|-|-|-| |config|编辑功能的配置|Object|请参照config.js| |picPath|初始的默认图片的路径|String|空字符串| |checkPic|对选完后的图片做校验,判断是否加载该图片,参数(File对象和Image对象)|Function|空函数| ## 事件 |字段名|描述|回调参数 |-|-|-| |edit-pic-finish|图片编辑完成后,回调|imageEditor对象 ## 使用范例 通过 `npm run dev` 查看使用范例 ## 参考 感谢 [tui.image-editor](https://github.com/nhn/tui.image-editor "tui.image-editor") ## 样式 ![](https://github.com/S112/pic2editor/blob/master/static/img/demo.png)