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規範的一項新功能。