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

形状库更新,支持多色形状

drawio8个月前 (09-10)draw.io文章10

draw.io 形状库中有很多形状使用了多种线条或填充颜色。这些形状正在更新,以便您可以更改每种颜色,并更灵活地设置图表样式。

由于 draw.io 中的形状库数量庞大,更新所有包含多色形状的库需要一些时间。目前已更新的两个库是 Mockups 和 AWS 3D 形状库。

每个形状仍然包含填充颜色和线条(轮廓)颜色,它们通常分别构成形状的背景色和外轮廓线颜色。其他颜色则通过新的、可自定义的样式设置来定义。

例如,“模型地图”形状具有白色背景和黑色轮廓,但内部区域填充颜色不同,内部轮廓颜色也不同。

每种形状的填充颜色和轮廓颜色列表都会有所不同。

工作原理

为and属性default引入了一个属性fillcolorstrokecolor

defaultFillColors每个形状都有一个属性列表defaultStrokeColors,用于在多色形状中显示可自定义的颜色。这些列表以逗号分隔,定义了形状中 ` color`fillColorStyles和 `colors`属性的默认颜色。strokeColorStyles

右键单击形状,然后编辑颜色样式属性,然后单击“应用”

哪些库已更新?

更新后的 AWS 3D 和 Mockups 形状库现已在最新版本的网页版 draw.io 编辑器中提供。Cloud 和 IT 形状库正在更新,以采用这种全新的、更灵活的颜色系统。其他形状库中的多色形状将在 IT 形状库更新完成后进行更新。

请访问app.diagrams.net/clear.html以确保您使用的是最新版本的在线 draw.io 编辑器。

带有多种颜色形状的渐变

格式面板“样式”选项卡中的渐变选项将使用主背景填充颜色。渐变不适用于多色形状中的任何其他附加颜色样式。

恢复为原始颜色样式

要恢复原始颜色,最简单的方法是从未设置样式的形状中复制原始样式,并将其应用于自定义形状。

  1. 选择未设置样式的形状。在“样式”选项卡中,单击“复制样式”

  2. 选择自定义形状。在“样式”选项卡中,单击“粘贴样式”