2011年05月31日

SVG in HTML 03 ~埋め込み表示編~

02章では製作したSVG画像を古くからあるHTMLの外部ファイルの呼び出し手法を用いて表示させてみたが，SVGの正体はXMLであるため，IE9ではHTML内のSVG画像を埋め込んでしまうことも可能である．しかもの間にSVGフォーマットのXMLを記載するだけなので，とってもスマートである．

02章で製作したSVG画像ファイルの内容をHTML内に埋め込み，主要ブラウザでの対応状況を確認してみた．

→ SVG埋め込みHTML (ソース)

レンダリングエンジンが化石のOperaが表示できないのはいいとして，表示できるはずのIE9が表示できていないことがわかる．
なんだかんだでスマートに行かないのがIE…困ったものだ．

表示させるにはおまじないが必要なのである．
次回へ続く．

投稿者 zeratinman : 2011年05月31日 22:00