Hi there.
I have just started using GSAP and want to animate the viewport attribute of the SVG inside a Object tag. This is the code I have but doesn't seem to work.
var tl = new TimelineMax({delay:.5}),
svgDoc = document.getElementById("SVGobject").contentDocument;
TweenMax.set(svgDoc,{attr:{viewBox:"250 0 250 250"}});
tl.to(svgDoc, 1.5, {attr:{ viewBox:"0 0 1000 1000"}});
Once i have this working the ultimate aim is to trigger an animation of the viewport via an onClick event.
Currently I just change the viewport via an array, so any help on this bit too would be very much appreciated.
var interactions = {
'Button1' : '414 0 414 736',
'Button2' : '214 0 414 736',
'Button3' : '0 0 414 736',
'Button4' : '828 0 414 736',
};