webMathematica Technical Notes

SVG形式で画像を表示するコンテンツを閲覧するには？

画像出力にSVG形式を用いることで、画像の中をクリックすることでいろいろな操作を可能にするなど、よりインタラクティブ性の高い学習コンテンツを作成することを可能にしますが、これらのページを閲覧するには、Adobe SVG Viewerというプラグインソフトウェアが必要となります。FireFoxなどSVGのネイティブ対応をうたうブラウザもありますが、まだいろいろ表示に問題があるようです。MathematicaのSVG出力との相性もあり、現状では、FireFoxなどでもAdobe SVG Viewerを用いる必要があります。以下では、Mac OS X+Safari, Mac OS X+FireFox, Windows+IE, Windows+FireFox のそれぞれの組み合わせでの、Adobe SVG Viewerのインストール方法、ブラウザでの設定方法を開設します。

下記の要領でAdobe SVG Viewerをインストールして設定した後, 「高校数学のコーナー：指数関数のグラフを描こう」などのSVGを利用したコンテンツにアクセスしてみてください。

Mac OS X + Safari の場合

1. http://www.adobe.com/svg/viewer/install/mainframed.htmlにアクセス。
2. 上記URLから, viewer(日本語Mac 10.1-10.4, SVGViewCarbon.bin), Add-on support for ICC colors(日本語Mac 10.1-10.4, SVGICCCarbon.bin) の2ファイルをダウンロード。
3. ダウンロードした上記2ファイルをダブルクリックしてインストール。

【注意】

• Intel Mac の場合, Adobe SVG ViewerがIntel Macに対応していないため, SafariをRossetaで起動する必要があります。

Mac OS X+FireFox の場合

1. http://www.adobe.com/svg/viewer/install/mainframed.htmlにアクセス。
2. 上記URLから, viewer(日本語Mac 10.1-10.4, SVGViewCarbon.bin), Add-on support for ICC colors(日本語Mac 10.1-10.4, SVGICCCarbon.bin) の2ファイルをダウンロード。
3. ダウンロードした上記2ファイルをダブルクリックしてインストール。
4. FireFoxを起動して, URLに「about:config」と入力してアクセス。
5. フィルタのフィールドに「svg」と入力してsvg関係の設定を検索。
6. 「svg.enabled」の行をダブルクリックしてデフォルト値の「true」を「false」に変更。

【注意】

• Intel Mac の場合, Adobe SVG ViewerがIntel Macに対応していないため, FireFoxをRossetaで起動する必要があります。
• svg.enabledの値をtrueのまま起動すると、SVG表示にFireFoxのネイティブ機能が使用されるため、表示に不具合が出ることがあります。

Windows+IE の場合

1. http://www.adobe.co.jp/svg/viewer/install/にアクセス。
2. 上記ページで, Win98 - XP SVGView.exeをクリックしてファイルをダウンロード。
3. ダウンロードした上記2ファイルをダブルクリックしてインストール。
4. ダウンロードしたファイルSVGView.exeを実行。

ちなみに、Adobe SVG Viewerのアンインストールは、コントロールパネルから'プログラムの追加と排除'を使って行えます。

Windows+FireFox の場合

1. http://www.adobe.com/svg/viewer/install/beta.htmlにアクセスして, Adobe SVG Viewer 6.0をインストールします。
2. インストール後、NPSVG6.dll, NPSVG6.zip (通常, C:\Program Files\Common Files\Adobe\SVG Viewer 6.0\Plugins\ にある)をブラウザのpluginsフォルダ (C:\Program Files\Common Files\Mozilla Firefox\plugins\)にコピー。
3. FireFoxを起動して, URLに「about:config」と入力してアクセス。
4. フィルタのフィールドに「svg」と入力してsvg関係の設定を検索。
5. 「svg.enabled」の行をダブルクリックしてデフォルト値の「true」を「false」に変更。

【注意】

• Mozilla FireFoxではAdobe SVG Viewer 3.0は動作しません。使おうとすればブラウザがハングアップするかクラッシュするそうなので, FireFoxでは必ず6.0を使用してください。
• Adobe considers SVG Viewer 6.0 はα版以前の品質のソフトウェアとのことなので、ご了承下さい。
• svg.enabledの値をtrueのまま起動すると、SVG表示にFireFoxのネイティブ機能が使用されるため、表示に不具合が出ることがあります。

[トップに戻る] [Technical Notesトップに戻る]