undefined is not a function (conflict with viewbox) about snap.svg.zpd HOT 10 OPEN

@Eonasdan
Hi, have you tried using <svg id="snappy"></svg> ?

from snap.svg.zpd.

@huei90

Ok, that works. Now I have a new issue. Using the scroll to zoom causes it to zoom in no matter which direction the scroll wheel is moved

from snap.svg.zpd.

would you mind give me a demo link for this? thanks.

from snap.svg.zpd.

here's a self contained example: http://jonathanpeterson.com/svg.zpd.zip

it looks like this is an issue when using viewbox

from snap.svg.zpd.

Ok then. Seems we have some conflicts with viewbox!

Thanks for report this 🍻

from snap.svg.zpd.

The viewBox and transform are conflicted!!!!

from snap.svg.zpd.

Please have a look at the beta branch to find an implementation that works with viewBox and transforms.. I am already using this implementation in a production setting - it is however far from complete and will probably need some manual code adjustments for your own setting.

I will try to do some further work on it at the begin of February.

from snap.svg.zpd.

I am also getting the "is not a function" error when calling .zpd(). Here is the code I am using to load the SVG with Snap() and how I am trying to call zpd(). I am looking to use the zoom() and zoomTo() functions with other functions. I do not have viewbox set. Can you let me know what might be going wrong here?

var s = Snap("#svg-container");
Snap.load("/path/to/my/svg/image.svg", function(data) {
    s.append(data);
});
s.zpd({
    zoom: false,
    pan: false,
    drag: false
});

from snap.svg.zpd.

Try

var s = Snap("#svg-container");
Snap.load("/path/to/my/svg/image.svg", function(data) {
    s.append(data);
    s.zpd({
        zoom: false,
        pan: false,
        drag: false
    });
});

from snap.svg.zpd.

So, like the OP, I was calling Snap() on a div instead of an empty SVG element. I called Snap() on an empty SVG element using the code you posted and it's working how I want. Snap is appending the SVG data into the empty SVG element and zpd is not showing an error. Thanks for the help!

from snap.svg.zpd.