# mitu-editor

**Repository Path**: lowcode-china/mitu-editor

## Basic Information

- **Project Name**: mitu-editor
- **Description**: 一款轻量级且强大的图片编辑器,支持一键生成模版,下载图片,在线图片编辑等功能
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: http://h5.dooring.cn/mitu
- **GVP Project**: No

## Statistics

- **Stars**: 21
- **Forks**: 11
- **Created**: 2021-08-15
- **Last Updated**: 2025-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 图片编辑器, editor, JavaScript, 前端, Canvas

## README

<h1 align="center">Welcome to mitu-editor 👋</h1>
<p align="center">
  <img alt="Version" src="https://img.shields.io/badge/version-1.0-blue.svg?cacheSeconds=2592000" style="display:inline-block" />
  <a href="#" target="_blank">
    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" />
  </a>
</p>

<img alt="License: MIT" src="./cc.png" />

> 一款轻量级且可扩展的图片/图形编辑器解决方案  | A lightweight and scalable picture/graphics editor solution.

### 🏠 [Homepage](https://github.com/H5-Dooring/mitu-editor#readme)

### ✨ [Demo](http://h5.dooring.cn/mitu)

### More Production

| name      | Description |
| ----------- | ----------- |
| [H5-Dooring](https://github.com/MrXujiang/h5-Dooring)      | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站, LowCode平台.
| [V6.Dooring](https://github.com/MrXujiang/v6.dooring.public)   | 可视化大屏解决方案, 提供一套可视化编辑引擎, 助力个人或企业轻松定制自己的可视化大屏应用.        |
| [dooring-electron-lowcode](https://github.com/MrXujiang/dooring-electron-lowcode)   | 基于electron的H5-Dooring编辑器桌面端.        |
| [PC-Dooring](https://github.com/MrXujiang/pc-Dooring)   | 网格式拖拽搭建PC端页面.        |
| [DooringX](https://github.com/H5-Dooring/dooringx)   | 快速高效搭建可视化拖拽平台.        |

### Features
- [x] 基础图形组件
- [x] 组件控制器, 支持删除, 控制句柄, 旋转, 元素多选
- [x] 保存图片
- [x] 保存图片模版
- [x] 图形属性编辑器
- [x] 画布控制
- [x] 模版列表, 一键导入素材模版
- [x] 清空画布
- [x] 实时预览
- [x] 识色器

### Todo
- [x] 撤销重做
- [x] 画布背景设置
- [x] 丰富图形组件库
- [x] 模块化界面
- [x] 解析PSD

如果你对这个项目感兴趣, 欢迎提pr或者联系我, 一起让它变的更强大.

## Install

```sh
yarn install
```

## Usage

```sh
yarn run start
```

## Run tests

```sh
yarn run test
```

## Author

👤 **徐小夕**

* Website: http://h5.dooring.cn
* Github: [@Alex\_xu](https://github.com/Alex\_xu)

## Show your support

Give a ⭐️ if this project helped you!

## 赞助 | Sponsored
开源不易, 有了您的赞助, 我们会做的更好~

<img src="./WechatIMG2.jpeg" width="180px" />

## 技术反馈和交流群 | Technical feedback and communication
微信：beautifulFront

<img src="./qtqd_code.png" width="180px" />