Skip to content

Releases: gmingchen/draw-studio

v1.1.0 - DrawStudio 正式发布

30 Jan 11:08

Choose a tag to compare

🎉 新功能

  • ✒ 钢笔工具 - 画点绘制

🐞BUG

  • 修复下拉选择框点击它处不关闭的问题

v1.0.0 - DrawStudio 正式发布

30 Jan 01:06

Choose a tag to compare

🎉 新功能

  • ✏️ 自由绘制 - 支持铅笔等绘图工具
  • 🔄 历史记录 - 撤销/重做功能,可配置最大步数
  • 🖼️ 背景图片 - 支持设置背景图片,多种填充模式
  • 📱 H5 支持 - 完美支持移动端触摸操作
  • ⚡ 性能优化 - 离屏 Canvas 技术,撤销/重做无闪烁
  • 🎨 可定制 - 支持自定义工具栏位置、颜色、线宽等
  • 💾 导出功能 - 支持导出为 PNG 格式
  • 🔧 TypeScript - 完整的类型定义

📦 安装方式

npm install draw-studio
# 或
yarn add draw-studio
# 或
pnpm add draw-studio

🚀 快速开始

<template>
  <DrawStudio
    :width="800"
    :height="600"
    :color="'#000000'"
    :lineWidth="3"
  />
</template>

<script setup>
import { DrawStudio } from 
'draw-studio'
import 'draw-studio/dist/
draw-studio.css'
</script>

📖 文档

🤝 贡献

欢迎提交 Issue 和 Pull Request 来改进这个项目!