Skip to content
Advertisement

raphael js Pan functionality using raphael-pan-zoom

I found a plugin called raphael-pan-zoom that I use to zoom-in and zoom-out my raphaeljs elements in my paper, the zoom worked perfectly, but when I wanted to move the paper to the left, right, top or down I didn’t success. I found in the “raphael.pan-zoom.js” the pan function :

pan: function (deltaX, deltaY) {
    },

I don’t know what is deltaX and deltaY and how to calculate them, can you help me please. in this jsfiddle you can find an example : http://jsfiddle.net/xperali/g6Xav/4/

Advertisement

Answer

version 0.2.1 now has implemented the pan function, the deltaX and deltaY are the number of points in X and Y you want to move the paper.

panZoom.pan(0, -10);

I’ve updated the fiddle: http://jsfiddle.net/g6Xav/8/

Let me now if you have any problems

User contributions licensed under: CC BY-SA
3 People found this is helpful
Advertisement