HTML に SVG を埋め込むには、サーバが Content-Type:image/svg+xml で返さないといけないので、.htaccess に以下の行を追加。
AddType image/svg+xml .svg AddType image/svg+xml .svgz
SVG ファイルを外部ファイルに設置して、Object 要素で読み込むという方法に一度はトライしたが、この方法だと、Node に設定した HREF を叩いた時、SVG を読み込んでいる Object 内にハイパーリンク先のページを読み込んでしまうという仕様に遭遇。
これは意図した動作ではなかったので、やはり HTML 内に SVG をベタ書きすることにした。
HTML5 基準なら、body 内にいきなり SVG 要素を書き始めれば良い。
参考:
[SVG][.htaccess]HTMLに外部SVGファイルを埋め込む - すごい速さ
http://coban.jp/blog/2010/10/13/svg-htaccesshtmlに外部svgファイルを埋め込む/
#SVG #HTML5 #Apache #htaccess #Graphviz
SN 2013/06/29 00:07:21
Archives > HTML_SVG_htaccess_AddType.html