Search the Community
Showing results for tags 'drawsvg svg'.
Found 2 results
-
I am trying to animate an external svg included via <object>. Some parts work flawlessly others without now apparent reason do not work as expected or not work as all. My code looks something like this: var tl = new TimelineMax({}); tl.set(el1, {visibility:"visible"}) . from (el1, 2, {drawSVG:0}) -> for some elements this does not draw/reveal partially but just reveals the path .set(el1, {visibility:"hidden"}) -> this does not hide the drawn element in any case - how can I hide/undraw and element after drawing it - is drawSVG(0 100 0 ) an option? Thank you very much for your assistance.
-
I've gotten DrawSVG to work with scrollmagic just fine, but as I'm working on a responsive project that changes many offsets with browser resize, making consistent timing pretty tricky. The path being drawn itself changes width and height, so tying fixed scroll events don't play well. I was hoping I could run a tweenMax based off the current stroke-dash-array or position of the path I'm animating already with scrollmagic/gsap. if I could target where the filled in path is, I can write conditions around that number or position. Is this a feature that already exists?
