SVG изображение шаблон не работает в Safari

Question

У меня есть SVG форма, я наполненная фоновое изображение со следующим

<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"/> 

Он работает с шармом на Chrome, но не на сафари, ничего не отображаются на все

Answer 1

Safari не поддерживает href, вам необходимо использовать xlink: href. href - новая функция предстоящей спецификации SVG 2. xlink: href - версия SVG 1.1.