Javascript svg笔划数组未写入

我刚开始使用SVG，我被数组部分卡住了。 我找了很多，但还是找不到解决问题的办法。我想我错过了什么。 即使使用了stroke dasharray，文本也不会虚线。我试着用文字做一个动画效果，比如从虚线到完整的粗体结束

#名称徽标{
宽度：100%；
高度：自动；
}
#名称徽标路径：第n个子项（1）{
行程：300；
}

路径：第n个子（1）

规则匹配SVG中父元素的第一个子元素的任何

元素。SVG的第一个子元素是

元素。而另一个父元素的第一个子元素是

，它是

元素。所以CSS规则不匹配任何东西。要获取第一条路径（第二个子路径），您需要使用第n个子路径（2）

掩码似乎是用于实现外部笔划，因此您可能不希望规则也应用掩码中的所有路径。因此，您可能应该使用

#namebogo>路径：第n个子项（2）

。这将使规则仅限于

#namebogo

的直接子项

路径是白色的，因此它们不会显示在白色背景上。在下面的示例中，我将svg背景设置为红色，因此显示了我的更改

#名称徽标{
宽度：100%；
高度：自动；
背景色：红色；
}
#名称徽标>路径：第n个子项（2）{
行程：300；
}

您需要提供多个值，否则您将得到一条实线。并且您在白色背景上有白色笔划，因此在运行代码段时不会看到太多内容