github地址: https://github.com/lijibing01/picture_edit
1、引入dist文件夹下的ped.js
2、new window.PED.imageInfo(url,saveFn)
1、可以双指放大缩小图片
2、可以在图片上进行涂鸦
2、可以输入文字,输入文字后可以单指移动文字在图片上的位置
3、可以撤回涂鸦的内容,不能撤回文字,文字编辑功能还未实现
1、npm install
2、npm run build
欢迎star
1、首先选择要编辑的两张图片,点击右键选择编辑2、先编辑要作为底图的图片,把作为贴图黏贴到另一张图片的部分截取出来,点击复制
3、进入另一张图片的编辑页面,点击黏贴,之后调整一下图片未知即可。
在 plugins 目录下创建 image-handle-paste/image-handle-paste.js 文件。
这个方法里面是将粘贴板的图片添加到一个FormData里面,然后使用ajax进行提交上传的,上传完成调编辑器自带的图片dialog进行插入。里面预留了 blob 对象和 base64 格式的图片方法,根据自己需求自取。
默认返回数据格式(修改 _ajax 方法回调即可)
插件引用有三种方法都可以用。
editormd.loadPlugin("要执行的插件方法名",插件地址)