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

Question

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 Answer

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;

}

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.