Drawio添加自定义图形工具箱

已于 2022-03-24 11:11:31 修改
阅读量3.6k 收藏 6
点赞数 3
分类专栏： drawio 文章标签： drawio
于 2022-03-24 11:10:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/okhelp/article/details/123704688
版权

添加自定义工具箱需要4个步骤

1、定义工具箱实体

2、定义工具箱library

3、添加工具箱实体到系统实体中

4、添加工具箱Palette

下面以添加“呼叫中心”为例，呼叫中心中，添加系统类，IVR类等待，先以“系统”为例。

首先我们看一下官网原始形成和工具箱

原始版本中，是没有呼叫中心相关的相关内容。

js/diagramly/Sidebar.js

1、定义并添加工具箱Library

2、定义并添加工具箱实体

3、设置工具箱Library中的形状

在这里

Sidebar.prototype.initPalettes = function(){

}

 

修改完代码后，刷新页面看一下效果

draw.io创建自定义形状
皓月如我的专栏
06-01 6158
使用文本编辑器在diagrams.net中创建自定义形状 你可以在diagrams.net中创建自己的自定义模板（形状），通过XML格式描述模板中组件的几何形状、连接点和样式。 提示：你可以将自定义模板从绘图画布拖动到Scratchpad中，或者如果你想保存或共享你的自定义形状，也可以拖动到自定义库中。单击File > New Library来创建一个新的自定义库。 总体结构 diagrams.net的基本模板使用XML。点击Arrange > Insert > Shape打开Edit S
使用draw.io自定义图形
sunzy993的专栏
06-03 3888
最近在学习数字逻辑，需要画一些逻辑电路图，为知笔记内置了draw.io，所以直接记笔记兼画图都可以。编辑完成后点击保存，可以拖动到左侧你的自定义库中，或者选中并点击自定义库上的加号保存，只能本地保存。菜单栏 -> 文件 -> 新增图库，给你的自定义图库取一个名字，然后点击保存，在左侧工具栏就会看到。但是具体使用起来，内置的逻辑门库还是不太够用，需要自己定义一些。下次使用直接点击或拖动到画板上即可。
draw.io：draw.io图库
02-18
draw.io：draw.io图库
Draw.io绘制UML图教程
踏雨歌青春，诗酒趁年华
02-22 7818
本文是使用在线流程图设计网站draw.io绘制UML图的教程。draw.io 是一款强大的免费在线图表绘制工具，支持创建流程图、组织结构图、时序图等多种图表类型。它提供丰富的形状库、强大的文本编辑和样式设置功能，使用户能够轻松创建专业级图表。draw.io 具有用户友好的界面，支持实时协作，可以存储到云端服务，并提供多种导出选项。
【drawio笔记】创建自定义形状
热门推荐
02-24 1万+
使用文本编辑器在diagrams.net中创建自定义形状 你可以在diagrams.net中创建自己的自定义模板（形状），通过XML格式描述模板中组件的几何形状、连接点和样式。 提示：你可以将自定义模板从绘图画布拖动到Scratchpad中，或者如果你想保存或共享你的自定义形状，也可以拖动到自定义库中。单击File > New Library来创建一个新的自定义库。 总体结构 diagrams.net的基本模板使用XML。点击Arrange > Insert > Shape打开Edit S
工程 · 浅谈开发中的逻辑可视化，及 drawio 的自定义图形运用
星空闪耀
12-31 909
逻辑可视化对于提高工程效率很有帮助
Draw2D 绘图-- 自定义图型
执笏少埋 的专栏
12-17 1497
由于项目的需要,必须做出以下的自定义图形:那么我们就一步步的来做出这个图形;public void paintBorder(Graphics g) ...{        String name = ((NodeElement) part.getModel()).getName();        Rectangle head = new Rectangle(bounds.x, bound
Draw.io矢量图标库
suncery的博客
07-28 662
Draw.io用阿里云3D矢量图标库。
【Draw.io】让Draw.io导出的SVG格式图片包含自定义属性信息
一只爱做笔记的码农
05-20 2146
估计编辑数据这个功能，都很少有人发现他的作用用户其实是可以对任何的元素添加自定义属性和值的每一个元素还有一个自己唯一的ID然后看到这个占位符勾选不，这个也是可以很神奇的功能如果我把它勾选，点应用。似乎什么也没发生但是如果我在对应的元素里面，把自定义的属性输入进去，并且用%包围，输出完，点击空白的地方，离开这个元素就会发生神奇的事情，我们自己定义的属性对应的值就会以文本的方式显示在刚刚输出的%Test%中，替换掉Test。
基于STM32设计的实验室智能门禁系统(华为云IOT)(198)
最新发布
08-01 818
设计了一款基于STM32微控制器为核心的智能门禁系统。该系统集成了RFID射频卡刷卡开门、环境温湿度检测、火焰检测、烟雾检测等多种功能，并通过ESP8266-WIFI模块将数据实时上传至华为云IOT服务器，实现云端存储与远程监控。同时，还利用Qt开发了Android手机APP，使得用户能够随时随地查看实验室内的环境参数，接收报警信息，并能远程操控实验室门锁，极大地提升了实验室的安全管理水平和应急响应能力。
Draw.io用阿里云3D矢量图标库-基础图形
06-19
Draw.io用阿里云3D矢量图标库-基础图形，使用请参考：[draw.io使用阿里云矢量图标库进行流程图、泳道图、UML、BPMN、架构图、部署图、原型图、用户故事图等绘制](https://blog.csdn.net/weixin_44479533/article/details/131289488)
drawio
03-30
drawio
c4-draw.io:包含C4模型形状的Draw.io模板图。 绘画
05-23
c4-draw.io 该文件为格式，可以直接在draw.io中进行编辑 因为它不是插件，所以将不需要draw.io插件弹出窗口-使其他人更容易编辑该图。 快速开始 单击下面的链接以将文件加载到： 从XML加载形状库 c4.drawio.library.xml是一个库定义，可以将其导入到现有的draw.io图中，并以库的形式提供C4模型形状。 要导入形状库，请先下载XML，然后在draw.io中转到“文件” ->“从->设备打开库” ，然后从设备中选择XML文件。 编辑中 只需复制并粘贴形状。 要编辑形状数据，请选择一个形状，然后按Cmd + M（在Mac上）。 如果愿意，可以将文件另存为.png（带有嵌入式XML），以便于查看。 图表 学分 C4Model作者：Simon Brown- ://c4model.com/
Draw.io 又名 diagrams
08-14
Draw.io 是一个很好用的免费的在线流程图绘制工具。你可以利用 Draw.io 绘制一系列的图表、图示或图形，包括流程图、UML 类图、组织结构图、泳道图、E-R 图、文氏图等等，适用于商务、工程、电气、网络设计、软件设计等诸多领域的专业绘图。 Draw.io 现已改名为 Diagrams.net，它致力于成为完全开源、免费、并且高质量的绘图软件。它内置了相当丰富的绘图资源，包括各类形状、图标、连接器、模板，能满足绝大大多数的绘图需求，还可以导入第三方图标资源满足更多需求，完全可以取代微软 Visio 等流程图软件。 本站已制作成绿色免安装版 下载解压后可以直接运行 draw.io.exe 即可打开软件。 如果需要关联 Draw.io 的工程文件 *.drawio 以及 *.vsdx 文件，请运行 [Draw.ioPortable].exe 完成设置。 要彻底删除本绿色版，关闭软件后再次运行 [Draw.ioPortable].exe 选择「删除」操作，会彻底清理桌面版所有相关配置与数据。
开源运维监控系统-Nightingale（夜莺）应用实践
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
11-27 2890
某业务系统因OS改造，原先的Zabbix监控系统推倒后未重建，本来计划用外部企业内其他监控系统接入，后又通知需要自建才能对接，考虑之前zabbix的一些不便，本次计划采用一个类Prometheus的监控系统，镜调研后发现Nightingale兼容Prometheus，又有一些其他功能增强，又在一些大的企业经过较大规模部署实践，故本次采用Nightingale作为监控系统来进行重建。
Unity3d 周分享（22期 2019.8.30 ）
游戏路上的小学生
09-29 7065
选自过去1~2周 自己所看到外文内容：https://twitter.com/unity3d 和各种其他博客来源吧 早就有了，抱歉才发！ 1、 Unity Transform 性能优化摘要 https://qiita.com/sator_imaging/items/ff5811885f515a0a4998 由于我有机会在逐帧的基础上处理大量的Transform ，我想总结一下...
EEGLAB扩展插件汇总及安装方法
Chen Rui blog
10-06 2475
前往EEGLAB
用于磁盘I / O性能SQL Server监视工具
culuo4781的博客
07-24 484
The goal of this article is to get familiar with SQL Server monitoring tools and identify what some of the most common SQL Server performance problems are. 本文的目的是熟悉SQL Server监视工具，并确定哪些是最常见SQL Se...
psychtoolbox工具箱
07-27
Psychtoolbox是一个用于Matlab和Octave的开源心理物理学实验工具箱。它提供了一系列函数和工具，用于设计和运行心理学实验，并进行数据分析和可视化。要安装Psychtoolbox，你可以通过以下几种方式进行： 1. 从官方网站下载：你可以从Psychtoolbox的官方网站http://psychtoolbox.org/下载ZIP版本的PTB。下载解压后，你将得到一个名为Psychtoolbox-3-Psychtoolbox-3-8bdff09（或类似）的文件夹，其中包含了工具箱的所有文件。 2. 使用命令行安装：你可以使用命令行来安装Psychtoolbox。首先，你需要下载一个名为“DownloadPsychtoolbox.m”的压缩文件，可以从https://raw.github.com/Psychtoolbox-3/Psychtoolbox-3/master/Psychtoolbox/DownloadPsychtoolbox.m.zip下载。然后，打开Matlab，并进入你刚刚创建的toolbox文件夹中的psychtoolbox。你可以手动在命令行上面的路径中进入，也可以使用cd命令打开。最后，在命令行中输入SetupPsychtoolbox命令进行安装，并耐心等待安装过程完成。 无论你选择哪种方式安装Psychtoolbox，安装完成后，你就可以在Matlab或Octave中使用Psychtoolbox来进行心理学实验的设计和运行了。 #### 引用[.reference_title] - *1* [一文详解Matlab中Psychtoolbox工具箱的安装方法](https://blog.csdn.net/psybrain/article/details/120645303)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [下载安装Psychtoolbox详细教程【Windows10+Matlab R2020a】](https://blog.csdn.net/Pericles_HAT/article/details/114809079)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值