SVG <rect>填充适用于Chrome而非Safari

Question

任何人都能告诉我这个SVG片段我做错了什么吗？它似乎适用于Chrome（矩形为蓝色），但我不能让它出现在Safari或Edge中。我想我正在构建错误的元素？

<svg width="491" height="473">
    <g class="place-label">
        <rect class="place-label-background" style="width: 92.48px; height: 18px; fill: blue" x="367.757" y="136.259" />
    </g>
</svg>

Answer 1

如果您希望在Safari中使用属性，则需要使用宽度/高度属性。

目前只有Blink（即Chrome / Opera）支持宽度/高度作为样式，它是SVG 2规范的新功能。