svg - Raphael.js 到 SVG 的路径

Question

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

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

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

Answer 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/

Answer 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);
};​