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

Firefoxではcanvasとsvgの両方に対応していますが、なぜ両方とも実装されたのでしょうか。また、canvasとsvgを比較したときのそれぞれのメリットとデメリットを詳しく教えてください。

例えば、svgはDOMイベントがとれますが、canvasはどうなのでしょうか?

ブラウザの対応状況も教えていただけると嬉しいです。


●質問者: sukesam
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:Canvas DOM firefox SVG イベント
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● hemehemekun
●27ポイント

ブラウザの対応についてですが、

Firefox、Opera - svg、canvas ともに対応。

Safari - canvas に対応。Safari3 から svg にも対応。

WinIE - canvas、svg ともに未対応 (その代わり vml に対応)。

ただし、Safari2 と WinIE は Adobe のプラグインをインストールすることで svg に対応可能。

また IE の vml を使って canvas をエミュレートする ExplorerCanvas ライブラリがある。


それぞれの比較は

http://suika.fam.cx/~wakaba/-temp/wiki/wiki?canvas

とか。

canvas の方が×が多いですが、JavaScript から動的にちょっとした図を描くのは canvas の方が手軽ではないかと思います。


導入された経緯についてはよく分かりませんが、HTML5 では canvas が目玉的に扱われていますね。

◎質問者からの返答

ありがとうございます。

ただ、バージョンはもっと詳しく知りたいです。


2 ● hiramatsu_kg
●27ポイント

http://developer.mozilla.org/ja/docs/XTech_2005_Presentations:Ri...

◎質問者からの返答

ありがとうございます。

MDCはちゃんと目を通しておこうと思います。


3 ● hemehemekun
●26ポイント

canvas の実装は

SVG の実装は

のようです。

Firefox の SVG に関してはもっと前のバージョンから暫定的に実装されていたようですが、1.5 になって各プラットフォームで標準ビルドのグラフィックバックエンドが Cairo に統一され、Linux 版で SVG が使えるようになったのはそれからですからこのバージョンからと言ってもいいのではないでしょうか。

◎質問者からの返答

なるほど。ありがとうございます。

TinySVGについて調べてみようと思います。

関連質問


●質問をもっと探す●



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