SVG破線アニメーション

Question

私はcodepenからsvgラインアニメーションを取得します。それは3行のアニメーションを持っています。 2つの点線のアニメーションと1つの実線のアニメーションです。ストロークで実線のアニメーションが必要です。ストロークを破線にしてみましたが、アニメーションを取得しませんでした。破線のアニメーションは表示されますが、実線のアニメーションは円の移動のストロークで表示されます。

"http://codepen.io/mattsince87/pen/snqLy" 

Answer 1

標準の「線の描画をシミュレートする」アニメーションは、ダッシュパターンを使用して動作するトリックです。したがって、すでに破線を描くためには使用できません。

回避策としてできることは、破線を背景と同じ色の実線で覆うことです。次に上の実線の "描き下ろし"をアニメーション化して、下に破線を表示します。