DrawIO怎么话出超Cute的图?后端必须要会的!

简介: DrawIO怎么话出超Cute的图?后端必须要会的!

什么是DrawIO?


众所周知,draw.io 是流行的画图工具,其拥有丰富的图库和强大的功能。

就在今天,我无意间发现了一位博主的文章,他文章中的图有卡通的效果,看着让人很是愉悦,所以我专门请教了他,今天特意分享给大家。


原始图


网络异常,图片无法展示
|


效果 1-手绘


网络异常,图片无法展示
|


效果 2-漫画


网络异常,图片无法展示
|


怎么实现呢?


手绘效果

网络异常,图片无法展示
|


勾选 draw 中的 Sketch 选项即可。


漫画效果


添加漫画:comic 属性到主题样式代码中即可。

网络异常,图片无法展示
|


完整样式代码:


rounded=0;whiteSpace=wrap;html=1;sketch=0;startSize=0;glass=0;shadow=0;comic=1;
复制代码


图片持久化


使用github


我们可以在做完图后保存的时候,选择登陆到github,然后选择一个仓库进行保存。


网络异常,图片无法展示
|


也可以在初始访问draw.io的时候登陆到github同时选择一个仓库进行保存。


网络异常,图片无法展示
|


draw.io 的官方网址:app.diagrams.net/


相关文章
|
7月前
|
Java C语言
【Java开发指南 | 第十二篇】Java循环结构
【Java开发指南 | 第十二篇】Java循环结构
33 2
|
7月前
|
存储 NoSQL Java
10张流程图+部署图,讲透单点登录原理与简单实现
10张流程图+部署图,讲透单点登录原理与简单实现
194 1
10张流程图+部署图,讲透单点登录原理与简单实现
|
7月前
|
JSON 前端开发 Java
⚠⚠⚠java后端开发中,前后端联调过程一些常见的低级/低端问题汇总⚠⚠⚠
⚠⚠⚠java后端开发中,前后端联调过程一些常见的低级/低端问题汇总⚠⚠⚠
|
7月前
|
存储 前端开发 JavaScript
作为前端应该了解的后端常识
作为前端应该了解的后端常识
113 0
作为前端应该了解的后端常识
|
测试技术
【测试平台系列】第一章 手撸压力机(十)-定义场景
上一章,咱们对http请求进行了一些优化,本章节我们将组成场景去运行。首先场景就是一连串的http接口的请求,我们使用list(列表)来组装成一个场景
【测试平台系列】第一章 手撸压力机(十)-定义场景
|
测试技术
【测试平台系列】第一章 手撸压力机(九)- 封装函数
将我们的一些代码封装到函数和方法中,这样我们看来代码可读性更好。如果发现bug,也可以更好的进行追踪。
|
前端开发 Java 关系型数据库
欢迎来到Jsp编程课时十三——分解原理:构建自己的思路,目标更好的理解对数据的增伤改查的原理和过程。
欢迎来到Jsp编程课时十三——分解原理:构建自己的思路,目标更好的理解对数据的增伤改查的原理和过程。
105 0
|
前端开发
前端学习笔记202304学习笔记第八天-web前端学习-数据流转关系图1
前端学习笔记202304学习笔记第八天-web前端学习-数据流转关系图1
196 0
|
前端开发
前端学习笔记202304学习笔记第八天-web前端学习-数据流转关系图2
前端学习笔记202304学习笔记第八天-web前端学习-数据流转关系图2
177 0
|
前端开发
前端学习笔记202304学习笔记第八天-web前端学习-各个项目之间的关系
前端学习笔记202304学习笔记第八天-web前端学习-各个项目之间的关系
82 0

热门文章

最新文章