README.md

photo-edit 图片在线编辑

参考地址

canvas相关的库

参考地址： https://editor.pho.to/zh/edit/ 参考地址： https://photokit.com/editor/?lang=zh 参考地址： https://github1s.com/vincentmrlau/image-clipper/blob/HEAD/src/Clipper.js 参考地址： https://github1s.com/newbieYoung/Simple-Crop/blob/HEAD/index.js#L80 参考地址： https://github1s.com/nhn/tui.image-editor/blob/HEAD/apps/image-editor/src/js/util.js 参考地址： https://github.com/chrisbateman/impetus 参考地址： https://github1s.com/idrawjs/idraw/blob/HEAD/packages/idraw/src/index.ts

裁剪图片参考地址： https://github.com/cjj281795819/canvas-img-edit 裁剪图片参考地址： https://github.com/lsj9757/img-trim

类似项目

参考地址： https://github.com/ximing/fabric-photo 参考地址： https://github.com/minqun/edit-photo-text 参考地址： https://github.com/lyhiving/my-matting 参考地址： https://github.com/Alvinyw/imageViewer

canvas学习

参考地址： https://github.com/827652549/CanvasStudy 参考地址： https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/rect

feature

• 拖拽
• 缩放
• 旋转
• 裁剪

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.