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

样式