Javascript 如何为`<；设置静态SVG大小；g id=”的；“儿童”>；`“<；svg id="；“家长”>；`获取转换属性的元素

主要问题:

有没有办法在

元素上设置静态宽度和高度，这样它们就不会受到其父视图框

元素上的transform属性的影响

i、 e

//在缩放事件时通过js连续获取转换属性

---

我希望

元素下的所有内容根据

视图框接收的缩放事件转换值进行转换，但不缩放

元素的尺寸。因此，屏幕看起来像是在放大视图框的一个部分，但没有

元素改变尺寸。

您可以使用组标记（g）来转换所有内容，而不是使用矩形标记（rect）仅缩放“viewbox”

<svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg">
    <g transform="translate(1, 5)">
        <rect 
            id="viewbox"
            fill="black"
            width="100"
            height="100"
            transform="scale(2)" />
        <!-- your elements down here -->   
        <rect
            fill="grey"
            width="20"
            height="20"
            x="10"
            y="10" />
    </g>
</svg>

---

希望这有帮助：）

我认为防止它缩放（或显示为缩放）的唯一方法是按父级缩放的相反方向缩放它。但是比我聪明的人可能有更好的主意。也许这个答案就是你需要的：。请看一看