raphael.js纸是真正的画布吗?

时间:2013-04-25 12:25:09

标签: raphael

我正在研究用于项目的图形,Raphael.js是最有竞争力的竞争者。但是,在阅读示例代码和文档时,它会显示Raphael创建一个画布(通过homepage上的纸张变量),然后添加内容。两个月后,一个路人过来问了一些关于我们项目的问题,我解释说我们没有使用Raphael(相反,我们选择了静态SVG和D3),因为Raphael使用了canvas,而且我们的项目使用起来非常不利帆布。所以拉斐尔专家在那里,拉斐尔的画布是不是真正的html画布?你可以在哪里链接到它,以便你和/或我可以发送一个拉取请求来更好地解释这个问题。

3 个答案:

答案 0 :(得分:5)

没有拉斐尔的论文是SVG

有点奇怪,因为纸质对象属性称为canvas,但它只包含SVGAnimatedString

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

答案 1 :(得分:3)

Raphael使用SVG和VML创建图形。变量canvas简称为canvas,不是canvas元素。实际上,它是与该特定论文相关联的根SVG元素。

Raphael非常类似于d3,但更多的是在图形库的行上,以及与Internet Explorer 6到8(使用VML而不是SVG)兼容的附加优势。

虽然变量名称具有误导性,但Raphael在其主页中提到它是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 +。

答案 2 :(得分:1)

没有。是svg。完全不同。 Canvas包含“图片”,svg包含矢量元素。