2012-02-18 53 views
0

我正在開發一個需要交互式地圖的項目。我想用一個SVG文件與一些自定義JavaScript代碼嵌入在它很像這位開發人員做到:哪些瀏覽器支持交互式SVG文檔?

http://treeblurb.com/xmap/svg/melbourne_central.svg

實現我想要做的是平凡的,但我不能告訴瀏覽器將支持此互動水平。基本上我需要:

  1. 將自定義腳本標籤嵌入到文檔中。
  2. 調整節點的屬性(即填充)
  3. 將鼠標事件添加到特定元素。

我想我的問題是 - 如果瀏覽器支持本機SVG,它會讓我做所有這些事情嗎?

+0

是的,所有的,我用SVG支持知道的瀏覽器也可以讓您的腳本SVG節點爲好。 LOL @ Tommy Hilfinger。 – 2012-02-18 00:42:23

+2

這是我在找什麼? http://caniuse.com/#search=inline%20svg – 2012-02-18 00:43:53

+1

@JimJeffers - +1爲caniuse.com,偉大的網站!任何有兼容性問題的人都應該檢查一下。 – 2012-02-18 00:52:54

回答

1

大多數版本的Chrome,Firefox,Opera和Safari支持本地SVG。 IE8不支持它,但IE9及以上版本。 Android從Honeycomb開始支持它。

你可能想看看Raphael。它不僅在IE8及更低版本中提供了類SVG功能(通過回退到VML),還提供了操縱所有對象的方法,您甚至可以將其與JQuery結合使用。

還有很多比較Raphael和JQuery SVG here的信息。

0

I.E. 8和更早版本不支持SVG。 Android 2.3及更早版本也不支持SVG。這裏查看更多瀏覽器兼容性問題:http://www.caniuse.com/