Smooth zooming and moveing to a bounding box in svg

I have a svg graphic and upon an event I want to move and zoom smoothly to a specific bounding box.

Lets say we have this circle

<circle id="circle" r="100" cy="200" cx="200" style="..." />

upon an event I want to move and zoom the scene to the bounding box

top = 90
left = 90
right = 310
bottom = 310

but the functions smoothZoomAbs and smoothMoveTo seam ill fit since they do not operate together and smoothZoomAbs does zoom according to screen coordinates.

How could I accomplish this?

[Timo-Weike]

@attilam I will try to commit my changes into a fork or new branch this weekend. But I can’t promise it.

But besides the call to cancelAllAnimations(); the version of smoothShowRectangle in my third post should be a drop-in into the index.js file with minor changes in the api object and the index.d.ts file.

[Aerobraking]

Can we exepect that the #221 will be merged into the master branch? 😃