js图片编辑器

JavaScript09

js图片编辑器,第1张

手机体验地址: http://114.67.68.76:8080/roc/imgDist/

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("要执行的插件方法名",插件地址)