Skip to content

lijibing01/picture_edit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

手机体验地址: http://www.xiaomooo.cn:8080/dist/

使用方法

  1. 引入dist文件夹下的ped.js
  2. new window.PED.imageInfo(url,saveFn)
  • url是图片的地址(可以是相对路径,也可以是http链接)
  • saveFn 为点击保存时的回调函数,这个函数的第一个参数即为编辑后要保存的图片的base64编码

功能说明

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

如何构建

npm install & npm run build

欢迎star

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published