Drawesome 是一个用于 React 的绘图工具栏,提供七种逼真的画笔和基于区域的橡皮擦,支持 SVG/PNG 导出和高度自定义。

Stars

23

7 天增长

暂无数据

Fork 数

3

开放 Issue

0

开源协议

MIT

最近更新

2026-07-29

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它通过模拟真实书写和绘画工具的独特笔触行为,结合简洁的 React API,提供了一个精致且开箱即用的绘图组件,且无需额外依赖。

适合谁使用

  • 需要在 Web 应用中添加绘图或批注功能的 React 开发者
  • 寻求在应用内嵌入简单速写工具的数字艺术家和设计师
  • 构建交互式绘图练习的教育平台创建者
  • 需要签名采集或标记功能的产品开发者

典型使用场景

  • 在 Web 应用中批注图像或文档
  • 在 React 项目中创建数字画板或白板
  • 采集签名或手写输入
  • 为创意教育内容构建绘图工具

项目优势

  • 每种画笔具有逼真的模拟行为(例如钢笔根据方向改变粗细)
  • 橡皮擦只擦除区域而非整条笔画,便于精细修改
  • 除了 React 18+ 外无其他依赖,保持较小的打包体积
  • 轻松导出为 SVG(矢量)或 PNG(位图),支持缩放

使用前须知

  • 需要 React 18+ 作为对等依赖,限制了与旧版本 React 的兼容性
  • 设计风格固定,可能不适合需要完全自定义绘图引擎(如形状工具、协作功能)的应用
  • 不内置支持多用户协作绘图

README 快速开始

Quick Start

项目描述

Drawing toolbar for React.

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

TanStack
精选
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web 开发前端框架
14,861
vercel-labs
精选
vercel-labs GitHub avatar

scriptc

scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.

开发者工具代码质量与构建
1,985
Jakubantalik
精选
Jakubantalik GitHub avatar

thinking-orbs

A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.

AI 与机器学习AI 智能体
1,191