SVG <image> Tag nicht in Safari und Firefox arbeitet

Question

Mein Problem ist folgendes: Ich versuche, das <image> Tag ein Bild in einem SVG Abschnitt dank anzuzeigen. Der folgende Code ist ein Beispiel.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink"> 
    <image xlink:href="http://2.bp.blogspot.com/-auWhmIJyACw/TaHzOV8pN1I/AAAAAAAAAPY/2nGmNaJRaBs/s1600/roger-federer-widescreen-wallpaper-001.jpg" preserveAspectRatio="xMinYMin slice"></image> 
</svg> 

Mein Problem ist, dass es bei Safari und Firefox nicht funktioniert. Es scheint von dem Bild-Tag zu kommen, das nicht funktioniert. Ich weiß nicht, ob es ein Syntax- oder ein Xlink-Fehler ist.

Es gibt eine codepen, wenn Sie Ihre Tests machen wollen: http://codepen.io/vavouweb/pen/VaMNqg

Answer 1

In SVG 1.1 die Attribute Breite und Höhe sind für Bilder obligatorisch.

Die unvollendete SVG 2-Spezifikation schlägt vor, dass Anforderung aber nur Chrome und möglicherweise IE Ränder haben diesen Vorschlag, soweit ich weiß im Moment umgesetzt entfernt werden.