0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看威廉希尔官方网站 视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

程序员必备的画图工具

dyquk4xk2p3d 来源:良许Linux 作者:良许Linux 2022-11-08 11:20 次阅读

最近经常有小伙伴问文章中的图是用什么软件画的,下面就来梳理一下常用的画图工具:

常规画图:Excalidraw、draw.io、语雀

思维导图:Xmind

代码截图:Carbon

画图模板:ProcessOn

Excalidraw

Excalidraw 是一款轻量、开源的手绘风格电子白板和画图应用,可以快速画出漂亮的流程图、UML图甚至是图表。

7b2c7162-5ef5-11ed-8abf-dac502259ad0.png

Excalidraw 提供了丰富的素材库,包含手绘风格的图标、图标等:

7b4360e8-5ef5-11ed-8abf-dac502259ad0.png

可以在模版市场来搜索需要的组件:

7b96f7bc-5ef5-11ed-8abf-dac502259ad0.png

除此之外,Excalidraw 还有很多特点:

界面简洁,模版众多,支持键盘快捷键,可以快速上手;

免注册,支持切换为中文语言;

内容安全,采用端到端加密,不会将内容上传到云端;

支持导出图片、导出源文件、分享链接、实时协作、将内容保存到工作区。

在线地址:https://excalidraw.com/

Draw.io

draw.io 是一款免费的在线图表编辑工具,可以绘制流程图、UML、类图、组织结构图、泳道图、E-R图、思维导图等,堪称画图神器!

7ba34fbc-5ef5-11ed-8abf-dac502259ad0.png

draw.io 提供了丰富的模版,支持商务、图表、cloud、工程、流程图、布局、地图、网络、软件、表格、UML、Venn等。还可以自定义模板。

7bab45f0-5ef5-11ed-8abf-dac502259ad0.png

除此之外,draw.io 还有很多特点:

支持语言设置为中文;

支持使用图层;

支持设置手绘风格、自带多种图标,支持自定义图标;

支持将图片导出为PNG、JEPG、SVG、PDF、HTML、XML等,支持导出高级设置,如调整DPI、宽高、缩放、背景等。

draw.io 使用:

在线地址:https://app.diagrams.net/

下载地址:https://github.com/jgraph/drawio/releases

语雀

语雀是一款面向未来的文档和知识协同工具,可以用来记笔记,也可以用来画图。语雀画板支持基础图形、流程图、UML图、ER图、思维导图等。

7bbac9e4-5ef5-11ed-8abf-dac502259ad0.png

语雀画板还支持直接从 icofont 搜索、添加图标:

7be4183a-5ef5-11ed-8abf-dac502259ad0.png

其还提供了一些常用图的模版:

7bedf1e8-5ef5-11ed-8abf-dac502259ad0.png

除此之外,语雀画板还有以下特点:

支持团队协作绘图;

保存版本,恢复历史版本。

语雀使用:

常用模板:https://www.yuque.com/danchun-eekrs/pbxiht

在线地址:https://www.yuque.com/

Xmind

XMind 是一个跨平台的思维导图软件,具有多种结构样式,除了普通的思维导图,还包括树形图、逻辑图、鱼骨图、时间轴、树状表格等等,不同的结构样式可以自由组合混用,同时支持一键更换结构样式。

7bf44390-5ef5-11ed-8abf-dac502259ad0.png

Xmind 提供了很多类型的思维导图,并支持设置多种主题风格:

7c034778-5ef5-11ed-8abf-dac502259ad0.png

除此之外,Xmind 还有很多特点:

可以灵活的定制节点外观、插入图标外,还有多种样式、主题色彩、贴图可以选择,主题颜色和样式同样支持自由组合;

除了 XMind 自身的格式,还支持导入 FreeMind、MindManager 等软件的文件格式,支持导出PNG、SVG、PDF、Markdown、Word、Excel 等;

支持进行动态演示。

下载地址:https://xmind.app/download/

Carbon

Carbon是开源免费的代码图片生成器,可以快速生成漂亮的代码图片。操作简单,直接将代码粘贴在代码区,设置想要的格式即可。

7c09aeec-5ef5-11ed-8abf-dac502259ad0.png

生成的代码图片非常适合用来分享:

7c1308d4-5ef5-11ed-8abf-dac502259ad0.png

除此之外,Carbbon 还有很多特点:

支持多种代码风格、支持自定义代码风格,支持主流的各种编程语言;

支持设置代码的字体、行号、行数等文本格式;

支持设置图片的边距、背景、颜色、阴影、大小等。

在线地址:https://carbon.now.sh/

ProcessOn

ProcessOn 是一个在线协作绘图平台,支持在线制作思维导图、流程图、组织结构图、网络拓扑图、鱼骨图、UML图等。不过其免费版只支持添加 9 张图。所以这里主要推荐其丰富的模版市场,可以通过分类、关键字搜索来查找合适的模版::

7c1e64b8-5ef5-11ed-8abf-dac502259ad0.png

这些模版可以为我们提供一些绘图思路:

7c2818f0-5ef5-11ed-8abf-dac502259ad0.png

在线地址:https://www.processon.com/diagrams/new#template

审核编辑 :李倩

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 代码
    +关注

    关注

    30

    文章

    4791

    浏览量

    68693
  • 画图
    +关注

    关注

    0

    文章

    5

    浏览量

    7917
  • 程序员
    +关注

    关注

    4

    文章

    952

    浏览量

    29812

原文标题:程序员必备的画图工具

文章出处:【微信号:良许Linux,微信公众号:良许Linux】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    TMS320C6000程序员指南

    电子发烧友网站提供《TMS320C6000程序员指南.pdf》资料免费下载
    发表于 12-24 17:19 0次下载
    TMS320C6000<b class='flag-5'>程序员</b>指南

    TMS320C55x DSP CPU程序员参考补充

    电子发烧友网站提供《TMS320C55x DSP CPU程序员参考补充.pdf》资料免费下载
    发表于 12-21 11:36 0次下载
    TMS320C55x DSP CPU<b class='flag-5'>程序员</b>参考补充

    UCD3138A64/UCD3138128程序员手册

    电子发烧友网站提供《UCD3138A64/UCD3138128程序员手册.pdf》资料免费下载
    发表于 12-09 14:42 0次下载
    UCD3138A64/UCD3138128<b class='flag-5'>程序员</b>手册

    机械革命发布CODE AI程序员

    近日,英特尔新质生产力威廉希尔官方网站 生态大会在成都举行,机械革命作为重要参展商带来了多款明星产品引爆全场!其中更是在AI PC软件生态产品发布分论坛上,Intel、智谱、机械革命三方联合发布了专为程序员设计的CODE AI程序员本,成为本次大会的一大亮点。
    的头像 发表于 11-30 10:34 422次阅读

    Linux驱动程序程序员指南

    电子发烧友网站提供《Linux驱动程序程序员指南.pdf》资料免费下载
    发表于 11-22 15:53 0次下载
    Linux驱动<b class='flag-5'>程序</b><b class='flag-5'>程序员</b>指南

    AI编程工具会不会抢程序员饭碗

    AI编程工具可辅助编程,减少手动编码,提升效率,对程序员有积极影响也有挑战。程序员需深化技能、拓宽知识应对。长远看,AI与人类程序员将共生共荣。
    的头像 发表于 11-08 10:17 181次阅读

    第五届长沙·中国1024程序员节开幕

    据官方媒体报道,10月24日;  第五届长沙·中国1024程序员节在湖南湘江新区开幕;本次中国1024程序员节以“智能应用新生态”为主题。设置有岳麓对话、威廉希尔官方网站 英雄会、主题峰会及赛事、展览等活动,一场
    的头像 发表于 10-25 15:42 208次阅读

    京东上万程序员都AI用它!

    对大模型生成代码进行智能修复,为程序员开启代码漏洞修复的“自动驾驶”模式,不但减少人工接入、提高工作效率,更为企业抵御内外部各种攻击构建起一道坚固的安全屏障,确保业务的连续性和稳定性。 JoyCoder是京东云自主研发的一款辅助开发人员
    的头像 发表于 07-17 16:29 274次阅读
    京东上万<b class='flag-5'>程序员</b>都AI用它!

    程序员节视频创意大赛,用串口屏赢取千元大奖

    10月24日,程序员专属的节日里,我们盛大开启“程序员节视频创意大赛”特别活动!这不仅是一场视觉的盛宴,更是智慧与创意的璀璨碰撞。我们诚挚邀请每一位程序员及编程爱好者,拿起你的镜头,记录下那些平凡日子中的不凡瞬间,让编程的魅力与
    的头像 发表于 07-08 10:38 72次阅读
    <b class='flag-5'>程序员</b>节视频创意大赛,用串口屏赢取千元大奖

    程序员节视频创意盛宴,邀您共襄盛举!

    10月24日,程序员专属的节日里,我们盛大开启“程序员节视频创意大赛”特别活动!这不仅是一场视觉的盛宴,更是智慧与创意的璀璨碰撞。我们诚挚邀请每一位程序员及编程爱好者,拿起你的镜头,记录下那些平凡日子中的不凡瞬间,让编程的魅力与
    的头像 发表于 07-04 09:00 67次阅读
    <b class='flag-5'>程序员</b>节视频创意盛宴,邀您共襄盛举!

    适者生存,程序员最终会流向哪……

    程序员没有永远的护城河!!就目前的互联网大环境来看,it行业已经是……
    的头像 发表于 03-11 17:11 417次阅读
    适者生存,<b class='flag-5'>程序员</b>最终会流向哪……

    薪资高、青春饭,是不是程序员=青楼?

    花期太短。威廉希尔官方网站 迭代快,年龄大容易失业。 就这几年的互联网环境而言,不管是前端、Java、Android开发等等行业。已经感受到程序员不是太卷就是工作难找,薪资过低。以前高工现在拿着中低程序员薪资
    发表于 03-06 21:32

    瑞萨Flash程序员V3 发布说明

    电子发烧友网站提供《瑞萨Flash程序员V3 发布说明.pdf》资料免费下载
    发表于 02-19 09:37 1次下载
    瑞萨Flash<b class='flag-5'>程序员</b>V3 发布说明

    2024程序员的未来方向如何走?还看今朝

    这几年的IT行业想必大家已经感受到了,Android、Java、前端等等程序员都经历了大厂……
    的头像 发表于 02-02 09:45 834次阅读
    2024<b class='flag-5'>程序员</b>的未来方向如何走?还看今朝

    1月18号“纯鸿蒙”千帆启航,程序员预备!

    。 如何正确看待鸿蒙? 我作为程序员来说,首先是看鸿蒙的发展、市场开发岗位、薪资以及前景。 这几年对鸿蒙的发展情况来分析,从2019年开始鸿蒙的出来今天,华为鸿蒙取得了很大的成就。从“不兼容
    发表于 01-16 22:13