【问题标题】:Is raphael.js paper a real canvas?raphael.js 纸是真正的画布吗?
【发布时间】:2013-04-25 12:25:09
【问题描述】:

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

【问题讨论】:

    标签: raphael


    【解决方案1】:

    没有拉斐尔的论文是SVG

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

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

    【讨论】:

      【解决方案2】:

      Raphael 使用 SVG 和 VML 创建图形。变量canvas 被简单地命名为canvas 而不是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+。

      【讨论】:

        【解决方案3】:

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

        【讨论】:

          猜你喜欢
          • 2011-08-10
          • 1970-01-01
          • 2013-12-25
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2014-12-05
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多