SVGをobjectタグで埋め込み・表示させる方法

解決済

質問者：diplo
質問日時：2011/02/10 09:08
回答数：2件

いつもお世話になっております。

HTMLにobjectタブを使いSVGファイルを埋め込み・表示させようとしていますが、
表示させることができません。
SVGファイル自体は正しく表示されます。
（ブラウザはIE9　Betaです）

過去にいくつか類似投稿がありましたの参考にしましたが、今一つ分かりません。
以下コードになりますが、記述が誤っている・足りない箇所がありましたら、ご指摘ください。
よろしくお願いします。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"></meta>
</head>
<body>
<div>
<object width="200" height="40" data="sample.svg" type="image/svg+xml">
SVG表示失敗
</object>
</div>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： saijyo_739
回答日時：2011/02/12 10:23

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#_Sca …

一瞬IEで使えるのと思いましたが、使える様ですね。

- 0
- 件

通報する

この回答へのお礼

遅くなりましたが、ありがとうございました。

通報する

お礼日時：2013/03/04 13:08

No.2

回答者： taloo
回答日時：2011/02/12 17:59

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の区別は付けて置いた方が良いと思います。