# draw-paint

**Repository Path**: twoke/draw-paint

## Basic Information

- **Project Name**: draw-paint
- **Description**: 基于Canvas+Vue3+Mitt的绘画面板应用
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://draw-paint-twoke.netlify.app/
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-03-30
- **Last Updated**: 2025-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Canvas, mitt, vue3

## README

# 基于原生Canvas + Vue的绘图面板

> 基于canvas绘制，mitt事件驱动的绘图面板

## 技术栈学习

- [Canvas](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API#%E5%8F%82%E8%80%83) 官方Canvas文档
- [Vue3](https://cn.vuejs.org/) Vue官方文档
- [Mitt](https://www.npmjs.com/package/mitt) 轻量级订阅发布框架


## 预览

**主面板**

![](./docs/1.png)

**属性面板-1**

![](./docs/2.png)

**属性面板-2**

![](./docs/3.png)