2013-04-25 52 views
3

我正在研究用於項目的圖形,而Raphael.js成爲了最具競爭力的人。但是,在閱讀示例代碼和文檔時,它顯示Raphael創建一個畫布(通過homepage上的紙張變量),然後向其中添加東西。兩個月後,一位路人走過來問了一些關於我們項目的問題,我解釋說我們沒有使用拉斐爾(取而代之我們選擇了靜態SVG和D3),因爲拉斐爾使用了畫布,而且我們的項目會因爲使用帆布。所以你拉斐爾專家在那裏,拉斐爾的畫布是否是一個真正的HTML畫布?您可以在哪裏鏈接到它,以便您/或我可以發送拉取請求,以更好地解釋這一點。raphael.js紙是真正的畫布嗎?

回答

5

否拉斐爾的論文是SVG

這是有點兒奇怪,因爲紙對象屬性被稱爲canvas但它僅包含SVGAnimatedString

小提琴:http://jsfiddle.net/V2DGy/

1

是的svg。完全不同。畫布包含「一張圖片」,svg包含矢量元素。

3

拉斐爾使用SVG和VML創建的圖形。變量canvas簡單地命名爲畫布,而不是畫布元素。實際上,它是與特定論文相關的根SVG元素。

聖拉斐爾非常類似於至d3但是通過8(使用代替SVG VML)

更上的圖形庫和相容性與Internet Explorer 6的附加優點的THD線雖然變量名是誤導,但拉斐爾在他們的主頁提前提到它是SVG庫。

引用他們的網站。


Raphaël是一個小型的JavaScript庫,應該簡化您在網絡上使用矢量圖形的工作。例如,如果您想創建自己的特定圖表或圖像裁剪和旋轉窗口小部件,則可以使用此庫簡單方便地實現它。 Raphaël['ræfeɪəl]使用SVG W3C Recommendation和VML作爲創建圖形的基礎。這意味着您創建的每個圖形對象也是一個DOM對象,因此您可以附加JavaScript事件處理程序或稍後修改它們。 Raphaël的目標是提供一個適配器,使得繪圖矢量藝術兼容跨瀏覽器和簡單。 Raphaël目前支持Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+和Internet Explorer 6.0+。