前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >14.1K Star开源一款实用的微型在线绘图工具,简约而不简单

14.1K Star开源一款实用的微型在线绘图工具,简约而不简单

作者头像
开源日记
发布2023-08-10 12:39:02
5060
发布2023-08-10 12:39:02
举报
文章被收录于专栏:JVMGCJVMGC

tldraw是一款开源的Web绘图工具,可以使用它创建并共享流程图、线框图、原型、图表和其他可视化内容。

功能特点

  1. 支持多种类型的图表绘制,包括流程图、线框图、原型以及一些其他类型的可视化内容。
  2. 提供丰富的绘图元素,包括各种连线、节点、图形和文本框等。
  3. 提供多种样式调整选项,可以调整元素的颜色、形状以及字体等属性,以匹配你的设计需求。
  4. 支持多人协作和实时同步编辑,即使团队在不同的地方也可以进行协作。
  1. 支持导入/导出多种文件格式,例如PNG、PDF、SVG等,便于与他人共享或在其他项目中重用绘图。
  2. 支持暗黑模式

使用步骤

  1. 下载tldraw源码,执行yarn,yarn dev
  2. 打开浏览器并输入tldraw的地址,然后点击“开始绘制”按钮,即可开始使用。
  3. 创建并编辑图表:在tldraw的工作区中,从左侧的元素选项卡中选择所需的元素,拖动并放置到绘图区域中,使用鼠标移动和拉伸元素,以及编辑文本框中的文字,来创建自己的图表。
  4. 调整元素样式:单击选中元素,然后使用右侧的样式面板调整属性,例如填充颜色、线条颜色、字体和字号等。
  5. 导出和共享图表:单击导出图标,选择要导出的文件格式,保存图表到本地并与他人共享。

其他信息

tldraw是一个免费的、开源的Web绘图工具,使用React、Redux和Node.js构建。tldraw的代码存储在Github上,任何人都可以参与到它的开发和改进中。tldraw还提供了一个在线演示,可以在不安装任何东西的情况下立即试用。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-06-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 开源日记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 功能特点
  • 使用步骤
  • 其他信息
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档