# fabritor-web

**Repository Path**: tangzhangss/fabritor-web

## Basic Information

- **Project Name**: fabritor-web
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-12-10
- **Last Updated**: 2024-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center"><img alt="logo" src="/public/logo.svg"></p>

<p align="center">
  <strong>👻 fabritor, A creative editor based on fabricjs</strong>
  <strong>😘 快速构建属于自己的图片编辑器</strong>
</p>

<p align="center"><img alt="banner" src="/public/fabritor_2024_1.png"></p>

### 👻 特性

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

<p align="center"><img alt="banner" src="/public/fabritor_editor.png"></p>

#### 📚 文本

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

#### 🌄 图片

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

#### ➡️ 形状

支持线段、箭头和多边形；多边形支持添加边框，同样支持渐变填充。

#### ✍️ 画笔

支持自由绘制

#### 💎 应用

二维码、emoji

#### 👚 画布

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

#### 🛒 元素

锁定、透明度、组合、复制粘贴、删除、图层层级及对应的快捷键操作。

#### 🛠 导出

导出 JPG、PNG、SVG 和模板（JSON），基于 JSON 可以构建模板库。

#### 安全

纯浏览器端操作。

### 本地开发

```bash
npm install -g yarn
yarn
yarn start
```

访问: http://localhost:3000

### 哪些项目在试用 fabritor

#### 截图美化工具

[https://www.photor.fun/](https://www.photor.fun/)

<p align="center"><img alt="photor" src="/public/photor.png"></p>

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