badasukerubin

Alright @Cassie , I'll check it out. Thank you!

Hi, I have a SVG text and I'd like to animate it as though someone was writing it. I know it'd be easier with paths elements but I have it as tspans instead.

I have tried using drawSVG but it seems that only works with paths.

Any help is totally  appreciated.

The SVG code:

<g id="Group_80" data-name="Group 80" transform="translate(-649.918 -257.351)">
                <g id="Brand" transform="translate(652.062 329.976)">
                    <text
                        id="Check_me_out_and_see"
                        data-name="Check me out and see"
                        transform="matrix(0.985, -0.174, 0.174, 0.985, 0, 88.908)"
                        stroke="#000"
                        strokeWidth="1"
                        fontSize="65"
                        fontFamily="Satisfy-Regular, Satisfy"
                    >
                        <tspan x="0" y="61" ref={bstext}>
                            Check me{' '}
                        </tspan>
                        <tspan x="0" y="155">
                            out and{' '}
                        </tspan>
                        <tspan x="0" y="249">
                            see
                        </tspan>
                    </text>
                </g>

A screenshot:

Thanks