ブラウザでのSVG DOMとCSSの比較

Question

私は、ユーザーがクリックしてアクションを実行できるいくつかの点があるマップ（単純化された、現実のソースはない、ただのファンタジーイメージ）を計画します。

私が最初に考えていたのは、SVGエディタで描画して、classとdata-idをポイントに追加し、それらにDOMイベントを添付することでした。しかし、私はそれに関するブラウザの互換性に懸念があります。

2番目のアイデアは、CSSのポイントを定義し、形状をモデル化することです。多くの作業のように聞こえます。

これを実装するにはどうすればよいでしょうか？

Answer 1

小さなマップを描画し、あなたがJavaScriptに行く場合、それはあなたがそのマウスオーバー、クリックとマウスアウトイベントはすでにブレンではJavaScriptが時に赤い線を、以下で配置されて

をコード化しているが表示されます生成http://www.irunmywebsite.com/raphael/SVGTOHTML_LIVE.php にアップロード変換が終了します。その後

あなたはInkscapeの中で一日を過ごすと、コンバータのiPodは時々間違ったスペルのものを好む

言い訳のスペルを反復することができます...あなたは多くの作業を行うために、好む以下のブラウザを持っているだろうか