Raphael.js 到 SVG 的路径答案

【问题标题】：Raphael.js path to SVGRaphael.js 到 SVG 的路径
【发布时间】：2012-09-14 04:11:21
【问题描述】：

我在 wikipedia 上看到了 SVG 图像，您可以在记事本中打开并找到其中编写的代码。我的问题是，如果我在 raphael 中画一个圆圈，我可以在浏览器中将其显示为 svg 图像吗？

var p = paper.circle(10,10,10).attr({fill:'blue'});

然后在我的浏览器中将其显示为 svg 图像。我怎样才能实现它？

【问题讨论】：

标签： svg raphael

【解决方案1】：

这仅适用于支持 SVG 的浏览器。我认为它在 IE9 上也失败了，因为它不提供对 .serializeToString() 的支持（尽管有垫片）。

window.onload = function () {
  var paper = Raphael("container", 100, 100);
  var p = paper.circle(10,10,10).attr({fill:'blue'});
  var textarea = document.getElementById("code")
  var serializer = new XMLSerializer();
  textarea.value = serializer.serializeToString(paper.canvas);
};

在此处查看演示：http://jsfiddle.net/BvWkU/

【讨论】：

【解决方案2】：

window.onload = function () {
  var paper = Raphael("container", 100, 100);
  var p = paper.circle(10,10,10).attr({fill:'blue'});
  var textarea = document.getElementById("code")
  var serializer = new XMLSerializer();
  textarea.value = serializer.serializeToString(paper.canvas);
};

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。