当前位置:首页 > draw.io文章

可编辑的美人鱼图

drawio4周前 (07-03)draw.io文章37

当您通过“排列”>“插入”>“Mermaid”插入图表的 Mermaid 描述时,它现在会使用 draw.io 原生形状在 Mermaid 容器组内进行渲染。Mermaid 源文件会附加到此容器组,因此您可以重新编辑它并重新生成更新后的 Mermaid 图表。

插入可编辑的美人鱼图

  1. 点击“排列”>“插入”>“美人鱼”。或者,点击+工具栏中的图标,然后选择“美人鱼”

  2. 将文本粘贴到文本框中,然后单击“插入”

默认情况下,使用“图表”选项时,Mermaid 图形会转换为 draw.io 原生图形,然后自动布局到 Mermaid 容器组中。将鼠标悬停在图形或连接线上即可查看 Mermaid 源代码。

使用格式面板中的样式工具可以更改填充和线条颜色及样式、文本颜色和字体,以及更改形状的标签。这些编辑后的样式和标签会覆盖任何 Mermaid 样式信息,并且即使对 Mermaid 源文件进行编辑,这些更改也会保留。

您还可以调整 Mermaid 容器组内的形状大小和位置,并重新设置连接器的路径。如果您编辑源文件并重新生成 Mermaid 图表,这些更改将被覆盖。

编辑美人鱼图

由于 Mermaid 源文件仍然可用,您可以对其进行编辑并重新生成图表。

  1. 在“美人鱼”容器组中选择其中一个形状,即可在左上角看到编辑(钢笔)图标。

  2. 点击编辑图标重新打开美人鱼对话框,进行更改,然后点击应用

防止编辑:点击美人鱼容器组左上角的挂锁图标,锁定美人鱼图表,防止样式或几何形状更改;或者,也可以将美人鱼图表作为单个不可编辑的 SVG 图像插入