raphael.js vs paper.js

Question

raphael.js和paper.js之間的主要區別是什么？

那里有其他的庫我應該看看嗎？ 任何像這樣的人更關注CSS3然后SVG？

謝謝！

Answer 1

Raphael使用SVG。 紙用畫布。

這是主要的區別。

就你可以用它們做什么來說，Canvas和SVG每個都有它們自己的位置，並且適用於不同的東西（盡管如果你要求它們也能夠做對方的事情）。 從純粹的功能角度來看，在決定使用哪個庫之前，您需要考慮要對庫執行的操作。

無論您使用哪種瀏覽器兼容性都將成為一個大問題。 事實上，這可能是一個比功能更大的問題。

Raphael在桌面上有一個優勢，因為它可以檢測舊版本的IE（早在IE6）並且回歸到使用VML而不是SVG。 這意味着它在virtualyl所有桌面瀏覽器上具有出色的兼容性。 舊版IE不支持Canvas，而Paper.js人似乎並不太擔心它 。

但在手機上，Paper.js可能會更好，因為Canvas在移動設備上的支持要比SVG好得多。 大多數Android設備根本不支持SVG。 這種情況正在發生變化：Android 3.0引入了SVG支持，但現在銷售的大多數Android設備都帶有v2.x，因此在依賴SVG在移動設備上工作之前還需要一段時間。

有關瀏覽器支持的更多信息，請參閱CanIUse站點：

• CanIUse SVG
• CanIUse Canvas

希望有所幫助。

Answer 2

最明顯的區別是Raphael瞄准SVG，而Paper瞄准Canvas元素。 看來Paper還有更多先進的功能，而Raphael只是核心的SVG元素，然后可以通過插件進行擴展。 可以說，它更多地取決於您的需求，以及您希望定位的環境。 Canvas在某些移動瀏覽器上運行良好，SVG根本不適用於移動環境。

正如另一方面所說：SVG，正如我所知，它不是IE（9）或Firefox中的硬件加速，而且，如果我的內存沒有讓我失望，Canvas至少在IE（9）中。 至於IE 8及更低版本，你需要一個大多數擁有的瀏覽器插件，但它是一種預期的依賴。

Answer 3

那里有其他的庫我應該看看嗎？

是的，你應該看看processing.js ！

順便說一下 - 這是raphael.js，paper.js和processing.js之間的絕佳比較： http ：//coding.smashingmagazine.com/2012/02/22/web-drawing-throwdown-paper-processing-raphael /

甚至代碼比較效果相同：http： //zgrossbart.github.com/3gears/

Answer 4

那里有其他的庫我應該看看嗎？

如果您有Flash開發經驗，可以考慮使用easel.js ，它為您提供了一些閃存顯示機制。 畫架對我來說看起來非常好看。

另一個有趣的庫是processingjs，與其他libs不同，processingjs也可以處理3d內容。 （它在2d也很好。）與紙張不同，raphael和畫架處理不能處理開箱即用的用戶交互。

兩個庫都使用canvas。