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


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

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

回答の条件
  • 1人2回まで
  • 登録:2007/08/17 01:33:18
  • 終了:2007/08/24 01:35:03

回答(3件)

id:hemehemekun No.1

hemehemekun回答回数72ベストアンサー獲得回数62007/08/18 00:50:36

ポイント27pt

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

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 が目玉的に扱われていますね。

id:sukesam

ありがとうございます。

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

2007/08/18 15:27:06
id:hiramatsu_kg No.2

hiramatsu_kg回答回数424ベストアンサー獲得回数32007/08/18 12:49:34

id:sukesam

ありがとうございます。

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

2007/08/18 15:27:27
id:hemehemekun No.3

hemehemekun回答回数72ベストアンサー獲得回数62007/08/18 17:23:53

ポイント26pt

canvas の実装は

  • Firefox 1.5
  • Opera 9
  • Safari 2

SVG の実装は

  • Firefox 1.5 (SVG 1.1)
  • Opera 8 (TinySVG)
  • Safari 3

のようです。

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

id:sukesam

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

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

2007/08/23 01:16:31

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません