markPoint 设置多个svg

您可以在一个 HTML 页面中设置多个 SVG 元素，并使用不同的 ID 来标识它们。例如：

<svg id="svg1" width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

<svg id="svg2" width="100" height="100">
  <rect x="10" y="10" width="80" height="80" style="fill:blue;stroke-width:3;stroke:rgb(0,0,0)" />
</svg>

在上面的例子中，我们定义了两个 SVG 元素，分别使用了不同的 ID：`"svg1"` 和 `"svg2"`。您可以在 JavaScript 中使用 `document.getElementById()` 方法获取这两个 SVG 元素，并对它们进行操作。例如：

let svg1 = document.getElementById("svg1");
let svg2 = document.getElementById("svg2");

// 对 svg1 进行操作
svg1.setAttribute("width", "200");

// 对 svg2 进行操作
svg2.setAttribute("height", "200");

上面的代码演示了如何使用 `setAttribute()` 方法来修改 SVG 元素的属性。您可以根据需要使用其他 SVG API 来操作 SVG 元素。