raphael - raphael.js 纸是真正的画布吗？

Question

我正在研究一个项目要使用什么图形，而 Raphael.js 成为了最有力的竞争者。但是，在阅读示例代码和文档时，它显示 Raphael 创建了一个画布（通过主页上的 paper 变量），然后您向其中添加内容。两个月后，一个路人过来问我们项目的一些问题，我解释说我们没有使用 Raphael（而是选择了静态 SVG 和 D3），因为 Raphael 使用的是 canvas，如果使用，我们的项目会受到很大的不利影响帆布。所以你拉斐尔专家在那里，拉斐尔的画布是不是真正的html画布？以及您在哪里可以链接到它，以便您/和/或我可以发送拉取请求以更好地解释这一点。

Answer 1

没有拉斐尔的论文SVG。

这有点奇怪，因为纸对象属性被调用canvas但它只包含SVGAnimatedString

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

Answer 2

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

Raphael 与 d3 非常相似，但更多的是图形库的第几行以及与 Internet Explorer 6 到 8 兼容的额外优势（使用 VML 而不是 SVG。）

尽管变量名称具有误导性，但 Raphael 在其主页中预先提到它是 SVG 库。

引用他们的网站。

---

Raphaël 是一个小型 JavaScript 库，可以简化您在 Web 上使用矢量图形的工作。例如，如果您想创建自己的特定图表或图像裁剪和旋转小部件，您可以使用此库简单轻松地实现它。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+。

Answer 3

不，是 svg。完全不同。Canvas 包含“一张图片”，svg 包含矢量元素。