Zoom to bounding box about snap.svg.zpd HOT 5 OPEN

@jlgrall It doesn't work 😢 Would you mind see this again?

from snap.svg.zpd.

This worked for me, (please notice I removed the respect for maxScale):

function zoomToBBox(elem) {
    var zpdElement =  Snap.select('#snapsvg-zpd-'+paper.id);
    var width = paper.node.clientWidth,
        height = paper.node.clientHeight,
        filling = 0.9,
        bbox = elem.getBBox(),
        x = (bbox.x + bbox.x2) / 2,
        y = (bbox.y + bbox.y2) / 2,
        scale = filling / Math.max(bbox.w / width, bbox.h / height),
        translateX = width / 2 - scale * x,
        translateY = height / 2 - scale * y,
        m = Snap.matrix(scale, 0, 0, scale, translateX, translateY);
   zpdElement.transform(m);
    // paper.animate({ transform: m }, 400, mina.easeout);
};

from snap.svg.zpd.

I created a PR for the code integrated into the plugin as seen here: https://github.com/justin-hackin/snap.svg.zpd/tree/zoomToElement

from snap.svg.zpd.

when I console.log(bbox) I get {x: , y: , width: , height: } I don't see any bbox.x2, bbox.y2, bbox.w or bbox.h. Can someone explain what x2 and y2 are supposed to be?

from snap.svg.zpd.

its not working properly in mozilla firefox . can someone pls help. The rootSvg.clientWidth and rootSvg.clientHeight values are zero.

var zoomToElement = function(el, filling, overrideScale, interval, ease, cb){
var zpdElement = snapsvgzpd.dataStore[this.id].element,
rootSvg = snapsvgzpd.dataStore[this.id].data.root,
width = rootSvg.clientWidth,
height = rootSvg.clientHeight,

from snap.svg.zpd.