更改画布大小时保留svg组的大小

Question

我有一个带有图例的svg图表。调整图形大小时，图例会拉伸：

但是，我希望图例具有恒定的大小，不受svg大小调整的影响。 图例是一个附有圆圈和文本元素的组。也许我可以在画布调整大小时附加一个新组？有谁知道一个好的解决方案？

Answer 1

在容器div中有两个单独的svgs（图形和图例）并将图形设置为100％宽度并将图例设置为CSS中的固定宽度会不容易吗？