https://github.com/ximing/fabric-photo

基于canvas的前端图片编辑器
https://github.com/ximing/fabric-photo

canvas image reactjs

Last synced: 6 days ago
JSON representation

基于canvas的前端图片编辑器

• Host: GitHub
• URL: https://github.com/ximing/fabric-photo
• Owner: ximing
• License: mit
• Created: 2018-09-28T09:56:53.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-01-26T02:12:47.000Z (9 months ago)
• Last Synced: 2024-10-29T20:41:53.363Z (7 days ago)
• Topics: canvas, image, reactjs
• Language: JavaScript
• Homepage: https://ximing.github.io/fabric-photo/
• Size: 3.41 MB
• Stars: 255
• Watchers: 5
• Forks: 42
• Open Issues: 9
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# fabric photo

基于 canvas 的纯前端的图片编辑器，支持方形，圆形，箭头，缩放，拖拽，鹰眼，马赛克，涂鸦，线条，导出 png，剪切等

![image.png](https://s3.meituan.net/v1/mss_814dc1610cda4b2e8febd6ea2c809db5/apps-open/27dab3fc-22d4-465b-85f6-7cfa8e3f7c50_1500805977973?filename=image.png)

## online Demo

访问 [https://ximing.github.io/fabric-photo/](https://ximing.github.io/fabric-photo/) 体验

## 启动 demo

```bash

# 安装依赖

npm run i

# 运行项目

npm run dev

```

[结合 react 使用方法](https://github.com/ximing/fabric-photo/blob/master/demo/main.js)

## License

[MIT](https://github.com/ximing/fabric-photo/blob/master/LICENSE)