動畫/互動圖形：SVG，畫布還是兩者都不？

Question

我正在開發一種圖形形式的可視化，其邊緣可能是彎曲的，而且顏色和厚度各不相同。圖上的節點包含圖像和一些文本。該圖形是動畫和交互式的（您可以點擊並移動節點）並使用強制導向佈局。

我想支持至少一大部分智能手機瀏覽器，例如Android和iPhone設備上的瀏覽器以及桌面上的任何現代瀏覽器。

是否可以在不使用畫布或SVG的情況下創建此類可視化效果？

如果我必須使用一個，哪一個會是更好的選擇？

Answer 1

這兩種技術都可以這樣做，但你應該記住它們有不同的方法。
我建議你使用畫布（有很多好的庫的外面，如kinetic），因爲如果你想提示/懸停效果的Android 2.x的不支持SVG :(

Answer 2

絕對SVG。因爲在元素SVG圖像只是XML標籤，您可以使用DOM中的元素相同的方式將鼠標事件處理程序添加到它們中。