とりあえず以下のHTMLをベースにいろいろいじっているのですが、chromeでは表示されるのに、IE10では表示されなくて頭をひねっています。
(まだ非対応なのでしょうか?)
<!DOCTYPE html>
<head>
<title>test</title>
</head>
<body>
<img src="./hogehoge.svgz" type="image/svg+xml" />
</body>
</html>
http://stackoverflow.com/questions/7510208/how-to-decompress-svgz-with-javascript
のようにgzipを使用するのが一般的なようです。
http://defghi1977-onblog.blogspot.jp/2012/07/jsziptoolssvgsvgz.html
とか。
>HTMLの記述例をお願いします。
http://freefielder.jp/blog/2011/05/javascript-gzip.html
を見る限り、HTMLのコードはそのままでgzipしたものを置き、.htaccessのコードのみ書き換えるのが適当なようです。
img タグには type 属性はありませんので、object タグを試してみてください。
<object data="hogehoge.svgz" type="image/svg+xml"></object>
Stackoverflow にはこのような投稿もありました。
I found the following lines of code which do embed my SVG(Z) illustration correctly under Firefox, Chrome, Opera and Safari, however this does NOT work under Internet Explorer.
<embed src="svg.svgz" width="200px" height="200px" type="image/svg+xml" />How to embed Vector Graphics SVG or SVGZ in HTML website properly? - Stack Overflow
「ローカルファイルをロードする」とおっしゃってるのは file: プロトコルを使ってるということだと思いますが、そもそもローカルからのファイル読み出しでは Content-Type が指定されていません。
根本的な解決はローカルに Apache を建てて Mime-Type を正しく定義することだと思います。
AddType image/svg+xml svg svgz
SPANIELさんありがとうございます
Apacheインストール面倒くさい、XAMPPインストールするのも面倒くさい
(というか、これ以上試行錯誤の時間を費やしたくない)と思って
ローカルファイルからさくっと表示する方法はないかと質問したのですが
やはりそんなに甘くないようですね。
また試してみます。
そういえばすでに構築済みのWindowsサーバなApache環境があったのを思い出したので
一部領域を間借りして以下の.htaccessファイルと先のSVGZと検証用SVGファイル
あと、先のHTMLにobjectタグによるSVGZファイルの読み込みとSVGファイルの読み込みも追記したコードを上げてみました
*htaccess
AddType image/svg+xml svg svgz
AddEncoding gzip svgz
*html
<head>
<title>test</title>
</head>
<body>
<object data="./hogehoge.svgz" type="image/svg+xml"></object>
</body>
</html>
その場合、IE/Chrome/FirefoxでもSVGファイルは読めるのですが
SVGZファイルは、IEでもChromeでも読めないが、Firefoxは読める(img/objectタグ両方OK)症状が発生しました
何故だ?!
なおその際、Chromeは以下のエラーを吐きます。
This page contains the following errors:
error on line 1 at column 1: Encoding error
Below is a rendering of the page
holoholobirdさんありがとうございます。
2013/09/20 21:26:55Jsziptoolsを使ってメモリー内で解凍し表示するということですかね?
ちょっと頭が整理できていないのですが考えてみます。