Skip to content

huanghaiyang/EasyDraw

Repository files navigation

EasyDraw 是一款基于canvas的ui设计软件,支持自由绘制、旋转、缩放、移动、复制、删除、撤销、重做、保存、导入、导出等操作。

已实现功能

  • 矩形
  • 线段
  • 自由线段绘制、二次编辑
  • 图片
  • 圆、椭圆
  • 舞台缩放、移动
  • 组件旋转、形变、移动、删除、对齐、填充、多重填充、描边、多重描边
  • 组合旋转、移动、形变
  • 选区旋转、移动、形变
  • 矩形、图片圆角
  • 组件复制、粘贴
  • 层级调整
  • 撤销、回退
  • 文本(编辑、光标、选区、插入、粘贴、复制、剪切、删除选区、删除光标前文本、撤销、回退、字体、字号、颜色、透明度、行高、字间距、水平左中右对齐)

待实现功能

  • 组件、组合等比形变
  • 组件二次编辑
  • 多边形、画笔、笔刷
  • 代码输出
  • 图片导出
  • gif预览
  • svg导入、导出
  • 图片裁剪、contain&cover模式渲染
  • 动画
  • 透明度
  • 素材库
  • 预览

预览

开发工具

代码统计

项目提供了两个代码统计脚本,可以通过 npm 命令运行:

  • npm run count-code - 显示项目中的总行数、空白行数、注释行数和有效代码行数
  • npm run count-code-detailed - 按文件类型(TypeScript、Vue、HTML、CSS、JavaScript)显示详细的代码统计信息

这些脚本可以帮助开发者了解项目的代码规模和组成结构。