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



我正在研究项目中使用什么图形,拉斐尔.js成为了一个顶级竞争者。然而,当阅读示例代码和文档时,它显示Raphael创建了一个画布(通过主页上的paper变量),然后向其中添加内容。两个月后,一个路人路过,问了一些关于我们项目的问题,我解释说我们没有使用Raphael(我们选择了静态SVG和D3),因为Raphael使用的是画布,如果使用画布,我们的项目会非常不利。那么在座的拉斐尔专家们,拉斐尔的画布到底是不是html画布呢?你可以在哪里链接到它,这样你/和/或我可以发送一个pull request来更好地提前解释。

没有拉斐尔的论文是SVG

这有点奇怪,因为纸对象属性叫做canvas但它只包含SVGAnimatedString

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

Raphael使用SVG和VML创建图形。变量canvas被简单地命名为canvas,而不是画布元素。实际上,它是与特定纸张相关联的根SVG元素。

Raphael与d3非常相似,但它更接近图形库的第三行,并且具有与Internet Explorer 6到8兼容的额外优势(使用VML而不是SVG)

虽然变量名容易引起误解,但Raphael在他们的主页上预先提到它是SVG库。

引用他们的网站。


Raphaël是一个小型JavaScript库,可以简化您在web上使用矢量图形的工作。例如,如果您想创建自己的特定图表或图像裁剪和旋转小部件,您可以使用此库简单而轻松地实现它。Raphaël ['ræfe æ æ l]使用SVG W3C推荐标准和VML作为创建图形的基础。这意味着您创建的每个图形对象也是一个DOM对象,因此您可以附加JavaScript事件处理程序或稍后修改它们。Raphaël的目标是提供一个适配器,使绘制矢量艺术兼容跨浏览器和容易。Raphaël目前支持Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+和Internet Explorer 6.0+。

No。svg。完全不同。Canvas包含"a picture", svg包含vector元素

最新更新