- ベストアンサー
SVGをobjectタグで埋め込み・表示させる方法
- HTMLにobjectタブを使いSVGファイルを埋め込み・表示させる方法について説明します。
- ブラウザはIE9 Betaを使用していますが、SVGの表示ができません。コードに問題があるか、足りない箇所があるかをご指摘ください。
- <!DOCTYPE html>から</html>までのHTMLコード内に、objectタグを使用してSVGファイルを表示させる方法が記述されています。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
xhtml使うなら文法チェッカー使った方が良いかと思います。 w3 validatorなりanother html lintなり。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <div> <object width="200px" height="40px" data="sample.svg" type="image/svg+xml"> SVG表示失敗 </object> </div> </body> </html> http://msdn.microsoft.com/en-us/ie/ff468705#_Scaling_Vector_Graphics 一瞬IEで使えるのと思いましたが、使える様ですね。
その他の回答 (1)
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
paramも指定して下さい。 IE7以前なども対応させるなら、classidが必須になります。 <object width="200" height="40" data="sample.svg" type="image/svg+xml" classid="clsid:377B5106-3B4E-4A2D-8520-8767590CAC86"> <param name="src" value="sample.svg" /> 代替表示 </object> HTML5とXHTMLの区別は付けて置いた方が良いと思います。
お礼
遅くなりましたが、ありがとうございました。