SVG viewBox以不同于其他元素的方式缩放某些元素

Question

客户端要求缩小绘图，所以我将宽度/高度和viewBox添加到SVG元素。问题是某些元素的缩放比例不同。 svg的结构是这样的：

<svg width="100%" height="100%" viewBox="0 50 700 200"> <defs>...</defs> <g id="group-ab"> Here are the boxes (drawn with polyline) that are scaled correctly, both in their own group (group-a, group-b) </g> <g id="group-a-id"> <text>A</text> <circle id="group-a-id-bg-circle"></circle> </g> <g id="group-B-id"> <text>B</text> <circle id="group-b-id-bg-circle"></circle> </g> <path id="group-a-pattern" d="..."></path> <path id="group-b-pattern" d="..."></path> </svg>

路径是碎片的图案。似乎不在“group-ab”组下的所有内容都没有正确缩放，请参见下图。通常（当不使用viewBox时）图案填满方框，A / B以方框为中心（对它们进行相同的翻译）。

为什么会这样？人们会认为，如果svg被缩放，元素是否在组内是无关紧要的。