IEでSVGを動作させる方法は?
-
07-07-2019 - |
質問
IE(特に7と8)でSVGを動作させるための包括的なライブラリを知っている人はいますか?
Webページに含めることができ、excanvasがCanvasで行うのと同様の方法ですべてのSVGをVMLにサイレントに変換するJavascriptが必要でした。
解決
Raphaël—JavaScriptライブラリが役立ちます。
RaphaëlはSVG W3C勧告とVMLをグラフィック作成のベースとして使用し、Firefox 3.0以降、Safari 3.0以降、Opera 9.5以降、およびInternet Explorer 6.0以降をサポートしています。
編集:
IEでsvgをレンダリングするためにvmlを使用するjsライブラリがさらに2つあります。
他のヒント
GoogleのSVG Web がこれを行います。プロジェクトのウェブサイトによると:
SVG WebはJavaScriptライブラリであり、 多くのブラウザでSVGサポートを提供します。 Internet Explorer、Firefox、 およびSafari。ライブラリプラスの使用 ネイティブSVGサポートにより、すぐにできる ターゲットの既存のインストール済みの95% ウェブベース。
JavaScriptライブラリとして記述されていますが、Flash 9+も必要です。通常、これは問題ではありませんが、ワークステーションに古いFlashが存在するか、Flashが存在しない企業環境では動作しません。
また、プロジェクトが何であるかにもよりますが、問題になる可能性のあるアルファ版のままです。
SVGWeb は、たとえFlashをベースにしているとしても、進むべき方法だと思いますVMLは、多くのアプリケーションにとって十分な速さではありません。
アドビでは、自動的に検出してインストールし、元のサイトにリダイレクトするスクリプトを提供しています。
http://support.adobe.com/devsup/devsup .nsf / docs / 51780.htm
http://www.adobe.com/svg/workflow/autoinstall.html
自分のサイトでこれをかなりうまく使っています。
よりローテクなソリューションは、svg_alikeのようなものを使用することです(ここに利益相反通知を挿入します:))。 SVGサポートをチェックし、見つからない場合は、すべてのSVG画像をPNGに置き換えます。
https://github.com/forwardadvance/svg_alike
スムーズなベクターズームとRetinaサポートの利点は失われますが、IE8ユーザーはこれらの機能を使用することはほとんどありません。
利点は、画像をJavaScriptに変換する必要がないことです。作業の5%に対して値の80%を提供すると思います。