SVG使虚线变为实线

Question

我有一个SVG元素，我通过JS和CSS制作动画; SVG是从Illustrator导入的。我的动画运行得很好，所以这更像是一个SVG（可能还有CSS）问题。

SVG的一小部分有一些虚线;目标是到处都有规则的实线。理想情况下，我想通过CSS单独实现这一点，但如果改变SVG元素是唯一的选择，那就这样吧：

其中一条虚线：

<line xmlns="http://www.w3.org/2000/svg" class="st10" x1="538.7" y1="147.6" x2="633.9" y2="104.3"/>

和st10类：

.st10{fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.9444,2.9444;}

CodePen链接：https://codepen.io/sonofkyuss2401/pen/mqQJra

Answer 1

从st10类中删除stroke-dasharray属性。然后该线将是实线，您可以根据需要设置它的动画。