SVG <rect>サファリではなくクロムで塗りつぶし

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仕様の新機能です。