Creating a button with zoom in/out functionality in Animate cc

[corriem65409052]

I need to create a zoom in and zoom out button in addition to a play, stop and pause button for an animation created in Animate canvas. The play, stop and pause buttons are fine, but the zoom buttons are presenting a challenge.  The zoom has to occur on the whole canvas, not just an image. Can anyone direct me to a tutorial that might help?

[UDESCO · Accepted solution]

I assume you want to zoom around the Center point. Here's to code to achieve that:

this.zoomBtn.addEventListener("click", clickHandler);

exportRoot.x = exportRoot.regX = lib.properties.width/2;

exportRoot.y = exportRoot.regY = lib.properties.height/2;

function clickHandler(e) {

  exportRoot.scaleX *= 1.2;

  exportRoot.scaleY *= 1.2;

}

[corriem65409052]

Thank you so much for your time, it is really appreciated!