SVG gestrichelte Linie Animation

Question

Ich bekomme Svg Line Animation von Codepen. es hat 3 Linienanimation. zwei gestrichelte Linienanimationen und eine durchgezogene Linienanimation. Ich möchte die durchgezogene Linie Animation mit Strich. Ich habe versucht, den Strich zu einem Strich zu machen, aber die Animation nicht zu bekommen. Die gestrichelte Linienanimation ist sichtbar, aber die durchgezogene Linienanimation ist bei der Bewegung des Kreises sichtbar.

Answer 1

Der Standard "Animation der Zeichnung einer Linie" Animation ist ein Trick, der Strichmuster verwendet, um zu arbeiten. Sie können damit keine bereits gestrichelte Linie zeichnen.

Über das Beste, was Sie als Workaround tun können, ist die gestrichelte Linie mit einer durchgezogenen Linie die gleiche Farbe wie der Hintergrund zu decken. Dann animiere das "Ziehen" der durchgezogenen Linie oben, um die gestrichelte Linie unten zu enthüllen.