SVG Bildmuster funktionieren nicht auf Safari

Question

Ich habe eine svg Form, die ich mit einem Hintergrundbild mit den folgenden

<defs> 
    <pattern id="circle" x="-50%" y="-50%" height="200%" width="500%" viewBox="0 0 750 750"> 
     <image x="0%" y="0%" width="750" height="750" href="image.png"></image> 
    </pattern> 
</defs> 
<path fill="url(#circle)" id="XMLID_22_" d="M561.8 396.7c0 44.6-36.1 80.7-80.7 80.7-44.5 0-80.7-36.1-80.7-80.7 0-44.5 36.1-80.7 80.7-80.7s80.7 36.1 80.7 80.7z"/> 

füllte es mit Charme funktioniert auf Chrome, aber nicht auf Safari, wird gar nichts angezeigt

Answer 1

Safari unterstützt keine href, Sie müssen xlink: href verwenden. href ist ein neues Feature der kommenden SVG 2 Spezifikation. xlink: href ist die SVG 1.1-Version.