Question

我在维基百科上看过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/

Raphael.js SVG的路径

1 个答案: