[Vue js and drawSVG]

this is how i made it work

[Vue js and drawSVG]

It's working now, the way I importing the drawsvg plugin was wrong

[Vue js and drawSVG]

thanks for the reply, I've tried to select a path as shown in the below, but still not working. 

maybe it's something wrong with the way I import drawSVG? can you please check the way i importing the drawSVGplugins, i've done the same for split text plugin and it works fine.

 

[Vue js and drawSVG]

I am not sure what's the problem that causes the drawSVG not being called.

I have also tired the splittext plugin and that works fine.

Firstly, The TimelineMax is working, the last piece of code in red is working fine but not others with the "drawSVG"  in it.

 

animateLine: function () {
      var svgs = document.getElementsByTagName('svg')
      var tl = new TimelineMax()
      tl.staggerFromTo(svgs, 1, {drawSVG: '100%'}, {drawSVG: '50% 50%'}, 0.1)
        .fromTo(svgs, 0.1, {drawSVG: '0%'}, {drawSVG: '10%', immediateRender: false}, '+=0.1')
        .staggerTo(svgs, 1, {drawSVG: '90% 100%'}, 0.5)
        .to(svgs, 1, {rotation: 360, scale: 0.5, drawSVG: '100%', stroke: 'white', strokeWidth: 6, transformOrigin: '50% 50%'})
        .staggerTo(svgs, 0.5, {stroke: 'red', scale: 1.5, opacity: 0}, 0.2)
    }