[Javascript]當Javascript遇上SVG DOM,一個簡易範例

<svg id='mysvg' xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink" 
 width="200" 
 height="200">
</svg>

var svg=document.getElementById("mysvg");

function circle(x,y,r,fill){
 var NS="http://www.w3.org/2000/svg";
 var SVG= document.createElementNS(NS,"circle");
 SVG.setAttribute("cx",x);
 SVG.setAttribute("cy",y);
 SVG.setAttribute("r",r);
 SVG.style.fill=fill;
 return SVG;
}


var c= circle(100,100,50,"blue");
svg.appendChild(c);