Skip to content

👻 A creative editor based on fabricjs. 一款基于 fabricjs 的创意图片编辑器。

License

Notifications You must be signed in to change notification settings

smallverse/fabritor-web

 
 

Repository files navigation

logo

👻 fabritor, A creative editor based on fabricjs 😘 快速构建属于自己的图片编辑器

banner

👻 特性

使用 fabritor,快速构建属于自己的图片编辑器。

在线体验:https://fabritor.surge.sh/

banner

📚 文本

内置多种开源字体;支持调整文字样式;支持多种文字特效:描边、阴影、形状文字、文字渐变、文字填充。

🌄 图片

加载本地或者远程图片;支持图片边框和圆角;支持图片裁剪;支持多种图片滤镜;

➡️ 形状

支持线段、箭头和多边形;多边形支持添加边框,同样支持渐变填充。支持手绘风格图形。

✍️ 画笔

支持自由绘制

💎 应用

二维码、emoji

👚 画布

支持定制背景色和画布尺寸;支持画布拖拽。

🛒 元素操作

锁定、透明度、组合、复制粘贴、删除、图层层级、历史操作记录、页面对齐及对应的快捷键操作。

🛠 导出

导出到剪贴板,导出 JPG、PNG、SVG 和模板(JSON),基于 JSON 可以构建模板库。

安全可靠

纯浏览器端操作;操作自动保存到本地,数据不丢失。

本地开发

npm install -g yarn
yarn
yarn start

访问: http://localhost:3000

哪些项目在使用 fabritor

截图美化工具

https://www.photor.fun/

photor

欢迎提交自己的作品或者项目。

About

👻 A creative editor based on fabricjs. 一款基于 fabricjs 的创意图片编辑器。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 97.4%
  • CSS 1.4%
  • SCSS 1.1%
  • JavaScript 0.1%