[Animate viewport on svg object]

Thanks all for the responses. These links were very helpful and have no worked it out.

[Animate viewport on svg object]

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',
};