2013-04-25 55 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+。