在javascript上使用自定义xml创建图形

// 创建XML文档对象
var xmlDoc = document.implementation.createDocument(null, "svg");

// 创建根元素
var svgElement = xmlDoc.documentElement;
svgElement.setAttribute("xmlns", "http://www.w3.org/2000/svg");
svgElement.setAttribute("width", "200");
svgElement.setAttribute("height", "200");

// 创建矩形元素
var rectElement = xmlDoc.createElement("rect");
rectElement.setAttribute("x", "50");
rectElement.setAttribute("y", "50");
rectElement.setAttribute("width", "100");
rectElement.setAttribute("height", "100");
rectElement.setAttribute("fill", "red");

// 将矩形元素添加到根元素
svgElement.appendChild(rectElement);

// 将XML文档转换为字符串
var xmlString = new XMLSerializer().serializeToString(xmlDoc);

console.log(xmlString);