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/