How to make dotted line drawing animation in svg?

Question

Layout

How to make dotted line drawing animation in svg?

I'm trying to use animejs, but it turns the dotted line into a regular one
Code:

anime({
                targets: 'svg .line',
                strokeDashoffset: [anime.setDashoffset, 0],
                easing: 'easeInOutSine',
                duration: 1500,
            });

When I try to prescribe in styles stroke-dasharray: 3;so that there is a dotted line, and then I start the same animation, the strip just moves (like a running line), and is not drawn. (

Answer 1

Through strokeDashoffset, it will not be possible to make an animation of drawing a dashed line. You can make a mask for the line and animate it already.