如何使用JavaScript创建SVG图形？

所有现代浏览器均支持SVG，您可以使用JavaScript轻松创建它。Google Chrome和Firefox均支持SVG。

使用JavaScript创建一个空白的SVG文档对象模型(DOM)。使用属性创建形状，例如圆形或矩形。

var mySvg = "http://www.w3.org/2000/svg";
var myDoc = evt.target.ownerDocument;

var myShape = svgDocument.createElementNS(mySvg, "circle");

myShape.setAttributeNS(null, "cx", 40);
myShape.setAttributeNS(null, "cy", 40);
myShape.setAttributeNS(null, "r", 30);

myShape.setAttributeNS(null, "fill", "yellow");