2016-04-03 25 views
2

私の問題は次のとおりです。<image>タグのおかげでSVGセクションに画像を表示しようとしました。次のコードは例です。SVG <image>タグがSafariとFirefoxで動作しない

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

私の問題は、SafariとFirefoxでは機能しないということです。それは動作していないイメージタグから来ているようです。私は文法かxlinkエラーかどうかわかりません。

があり、あなたのテストを行いたい場合はcodepenです:http://codepen.io/vavouweb/pen/VaMNqg属性は、幅と高さは、画像のために必須ですSVG 1.1で

答えて

6

未完了のSVG 2仕様では、要件が削除されることが提案されていますが、現在のところChromeとおそらくIEエッジだけがその提案を実装しています。

関連する問題