人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

IE10からローカルファイルをロードする際において、svgz形式のファイルをHTMLから表示させることは出来ますか?プラグインなどの使用や、設定を標準から変更するというのは無しとします。しかし、JavaScriptライブラリの使用はOKです。HTMLの記述例をお願いします。

とりあえず以下のHTMLをベースにいろいろいじっているのですが、chromeでは表示されるのに、IE10では表示されなくて頭をひねっています。
(まだ非対応なのでしょうか?)

<!DOCTYPE html>
<head>
<title>test</title>
</head>
<body>
<img src="./hogehoge.svgz" type="image/svg+xml" />
</body>
</html>

●質問者: くじぇ
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● holoholobird
●150ポイント

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のコードのみ書き換えるのが適当なようです。


くじぇさんのコメント
holoholobirdさんありがとうございます。 Jsziptoolsを使ってメモリー内で解凍し表示するということですかね? ちょっと頭が整理できていないのですが考えてみます。

2 ● SPANIEL
●150ポイント

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 <!DOCTYPE html> <head> <title>test</title> </head> <body> <img src="./hogehoge.svg" /><br /> <img src="./hogehoge.svgz" /><br /> <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
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ