免费开源的在线手绘画图工具

转自《爱编程爱技术》

tldraw 是一个免费开源的在线画图工具, 可以帮助我们在浏览器中轻松地创建和分享各种精美的图形、绘画和设计。拥有多人协作、智能箭头、捕捉和便签等强大功能。

简单,人人都会用。无论你是为了学习、工作还是娱乐,你都可以在这个网站上发挥你的创意和想象力。

✨效果预览

图片

🌟最大的优点

界面非常简洁

手绘风格很好看

可以多人共享协作拥有多人协作

支持画笔、橡皮、箭头、文本框

支持图片、各种形状、对勾、高亮、框架

支持不同的填充效果

🍁使用

1、打开网站,点击【新项目】按钮,创建新项目

图片

图片

2、在下方的工具栏中,你可以选择不同的图形元素,如矩形、圆形、箭头、文本等,然后拖拽到画布上放置。

图片

3、在右侧的属性栏中,你可以调整图形元素的颜色、大小、旋转角度等属性

图片

4、 在顶部的菜单栏中,你可以撤销、重做、复制、粘贴、对齐、分组等操作

图片

5、左上角的选项里可以设置暗黑主题,这也是程序员最喜欢的界面

图片

6、关键它还能保存为 tldr 文件到本地,还能共享 URL 给别人

图片

🍄本地安装部署

项目可以自托管,或者嵌入自己的产品之中,步骤如下:

1、克隆代码到本地

git clone https://github.com/tldraw/tldraw.git

2、安装依赖项

yarn

3、启动本地开发服务器

yarn dev

在浏览器打开 localhost:5420 就可以使用了!

图片

无论你是学生、老师、设计师还是工程师,你都可以在这个网站上找到适合你的图表模板,或者从零开始自己设计。不需要安装任何软件,也不需要注册账号,就可以在线创建和编辑你的图表。网站完全免费,没有任何广告!

在线作图地址:

https://www.tldraw.com/

官网学习手册:

https://tldraw.dev/

开源地址:

https://github.com/tldraw/tldraw

相关推荐
fthux7 小时前
装闭 RenoPit 源码解析(09):AnalysisEngine装修闭坑分析主流程
人工智能·ai·开源·github·open source·renopit
JackieDYH8 小时前
Git 与 GitHub 新电脑配置指南(从零开始)
git·github·工具·使用教程
云空17 小时前
《VPython 相关的 GitHub 仓库地址清单》
github·可视化·vpython
小弥儿20 小时前
GitHub今日热榜 | 2026-08-14:OSINT情报工具回流,本地AI赛道升温
人工智能·学习·开源·github
Shell运维手记1 天前
Linux 常用基础命令学习笔记
linux·运维·笔记·学习·算法·github
码流怪侠1 天前
StereoCrafter 源码级深度拆解:腾讯如何把 2D 视频“抠“成 3D
github·音视频开发·webvr
fthux2 天前
不必下载整个仓库:GitZip Pro 让 GitHub 文件与文件夹批量下载更简单
前端·chrome·ai·edge·开源·github·firefox
人工智能研究所2 天前
GitHub 10k+ Star:用自然语言描述系统,AI 帮你生成可交互架构图
人工智能·github·交互·自然语言·系统架构图·archify
逛逛GitHub2 天前
一个 Skill.md 拿下 1.8 万星,这个 GitHub 项目让 AI 先说重点。
github
云空2 天前
《GitHub 从入门到进阶完整教程》
github