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/