Coder Social home page Coder Social logo

jayhong / fabritor-web Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sleepy-zone/fabritor-web

0.0 0.0 0.0 134.04 MB

👻 A creative editor based on fabricjs. 一款基于 fabricjs 的开源创意图片编辑器,可以应用于海报设计、小红书公众号封面设计、banner 设计等场景。

Home Page: https://fabritor.surge.sh/

License: MIT License

JavaScript 0.09% TypeScript 97.48% CSS 1.35% SCSS 1.09%

fabritor-web's Introduction

logo

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

banner

🔥 文档

正在编写 fabritor 手册,跟着 faritor 一起学习 fabric.js

手册内覆盖几乎所有的 fabritor 特性,也是一本 fabric.js 学习手册!

👻 特性

使用 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

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

fabritor-web's People

Contributors

sleepy-zone avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.