js图片编辑器

用原生js和canvas写的一个移动端图片编辑器

手机体验地址: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)

  • url是图片的地址(可以是相对路径,也可以是http链接)
  • saveFn 为点击保存时的回调函数

功能说明

1、可以双指放大缩小图片
2、可以在图片上进行涂鸦
2、可以输入文字,输入文字后可以单指移动文字在图片上的位置
3、可以撤回涂鸦的内容,不能撤回文字,文字编辑功能还未实现

构建自己的ped.js

1、npm install
2、npm run build


欢迎star

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,511评论 0 2
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 5,704评论 0 1
  • 个人入门学习用笔记、不过多作为参考依据。如有错误欢迎斧正 目录 简书好像不支持锚点、复制搜索(反正也是写给我自己看...
    kirito_song阅读 7,307评论 1 37
  • 在对称密码中,由于加密和解密的密钥是相同的,因此必须向接收者配送密钥。用于解密的密钥必须被配送给接收者,这一问题称...
    iOS扫地僧阅读 11,240评论 0 4
  • 学霸你是丁锤光,媳妇像个臭流氓。 天然呆的是脚掌,汪媛依旧很闪亮。 师妹你在社大忙,庆姐笑容蛮阳光。 婷花花儿在远...
    一剑哥哥阅读 3,772评论 6 16

友情链接更多精彩内容