Drawing over existing paper not being displaced. about snap.svg.zpd HOT 9 CLOSED

You need to reapply the plugin.

from snap.svg.zpd.

Hi @GAZ082,

the plugin works by putting all elements in your svg into a separate group (a g-element) and applying all transformations to the elements in this group.

Hence it should work as expected if you add the new elements to the zpd group instead of the svg-element

from snap.svg.zpd.

cool @tikiatua ! Your graph is very understandable and clear.

Seems this question is already being asked for several times.
Should we add this graph to the README?
This graph should be highlighted.

from snap.svg.zpd.

Hi @huei90, thanks for the praise - and good idea.
It would probably help people to understand the inner working of the plugin a little better.

from snap.svg.zpd.

@tikiatua
Help yourself to highlight them 😄

from snap.svg.zpd.

Why this is not working then. The only way i found to make it work is loading zpd inside the onSVGload function:

var paper = Snap('#svg');
var image = Snap.load("image.svg", onSVGloaded);
function onSVGloaded(data) {
    paper.append(data);
}
paper.zpd();

Nor this:

    var paper = Snap('#map');
    var options = {
        zoomScale: 2,
        zoomThreshold: [0.2, 2]
    };

    var group2 = paper.group(paper.circle(20, 20, 20), paper.circle(50, 50, 50));

    group2.zpd(options);

This works:

var paper = Snap('#svg');
var image = Snap.load("image.svg", onSVGloaded);
function onSVGloaded(data) {
    paper.append(data);
    paper.zpd();
}

from snap.svg.zpd.

Snap.load is ajax call,
you should use the third example you gave.

from snap.svg.zpd.

Mmm, thank you. Now I'll go to annoy the Google Groups with a question related to this. Hehe.

Issue closed!

from snap.svg.zpd.

🍻

from snap.svg.zpd.