你如何access/iterate通过SVG.js中的一个组的子元素

Question

我正在使用 SVG.js 库，我有一个使用 draw.group() 函数创建的组，我想将属性应用于组中的每个元素。我试过直接访问 group.children 和 group.childNodes，尝试使用 group.forEach(function(){}); 循环。无法弄清楚，在文档中找不到任何内容。

关于这一点，我发现文档有些欠缺，而且肯定没有冗长的危险...

Answer 1

我最终在文档中找到了 group.children() 方法，它将 return 组子项的可迭代数组。

可以使用循环将属性应用于每个子元素，例如：

for (const child of myGroup.children()) {
  child.attr({
    fill: "#000000"
  });
}

你如何access/iterate通过SVG.js中的一个组的子元素

How do you access/iterate through the child elements of a group in SVG.js

javascript

web

svg

frontend

svg.js