用分组标签调整图像大小

Question

在diagrams.net (以前称为draw.io)中，我可以很容易地将图像和标签组合在一起。甚至有内置的形状来实现这一点。例如：

我想调整形状，以便：

• 图像继续填充容器。
• 标签和图像之间的空间保持不变。
• 标签的字体大小保持不变。

然而，即使保持shift以保持高宽比，图像仍然保持相同的大小，出现尴尬的空白：

如何实现所需的大小调整？这在其他图表软件(如whimsical.com )中似乎是可能的。

下面是完整的图表代码：

<mxGraphModel dx="782" dy="447" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
  <root>
    <mxCell id="0" />
    <mxCell id="1" parent="0" />
    <mxCell id="agnOd5MOz-EUEwHnS-w4-2" value="Label" style="label;whiteSpace=wrap;html=1;align=center;verticalAlign=bottom;spacingLeft=0;spacingBottom=4;imageAlign=center;imageVerticalAlign=top;image=img/clipart/Gear_128x128.png" parent="1" vertex="1">
      <mxGeometry x="110" y="40" width="80" height="80" as="geometry" />
    </mxCell>
  </root>
</mxGraphModel>

Answer 1

如果您勾选“约束比例”(当选择形状时，可以在右边的“排列”选项卡中看到)，这有帮助吗？

如果没有，您能复制/粘贴图表数据以便直接测试吗？您只能使用有问题的形状创建测试图(只需单击Extras > Edit图表并复制/粘贴代码)。

Answer 2

创建两个形状，矩形和图像(子)。现在，对于子形状，启用resizeWidth和resizeHeight属性。

尝试以图表的形式输入此示例：https://pastebin.com/ayBstZ14