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
查看使用范例