– SVG元素

在JavaScript中，创建SVG（可缩放矢量图形）通常涉及使用DOM操作来构建SVG元素及其子元素。以下是一个示例代码片段，展示如何使用JavaScript创建一个基本的SVG矩形：，，“javascript，// 创建SVG元素，var svgNS = “http://www.w3.org/2000/svg”;，var svgElem = document.createElementNS(svgNS, “svg”);，svgElem.setAttribute(“width”, “100”);，svgElem.setAttribute(“height”, “100”);，，// 创建矩形元素，var rectElem = document.createElementNS(svgNS, “rect”);，rectElem.setAttribute(“x”, “10”);，rectElem.setAttribute(“y”, “10”);，rectElem.setAttribute(“width”, “80”);，rectElem.setAttribute(“height”, “80”);，rectElem.setAttribute(“fill”, “blue”);，，// 将矩形添加到SVG元素中，svgElem.appendChild(rectElem);，，// 将SVG元素添加到文档中，document.body.appendChild(svgElem);，“，，这段代码首先创建一个SVG元素，并设置其宽度和高度。它创建一个矩形元素，并设置其属性，包括位置、大小和填充颜色。它将矩形添加到SVG元素中，并将SVG元素添加到文档的body中。这样，就可以在网页上显示一个蓝色的矩形。