Raphael.js SVG路径

Question

我在维基百科上看到了SVG图像，您可以在记事本中打开并找到写在里面的代码。我的问题是，如果我在拉斐尔做了一个圈子，我可以在浏览器中将它显示为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/