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中工作，则需要使用width/height属性。

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