Paper position

[WoodCarving Creations]

Hi All,

I'm struggling to find a way to know which is the paper position at the end of panning operation. What I need to achieve is:

1. Graph starts from a specific position (like 0,0)

2. The user grab paper and move the graph in another position using panning

3. Here is what i need to know, which are the current paper coordinates because when the user goes back it wants to open the graph in the same position and not again at 0,0

I think the right way is to use the scroll method, but I was not able to find the right coordinates to provide.

Thank you for the help

[Roman Bruckner]

Hi,

I assume you use ui.PaperScroller for panning.

// save position and current zoom level

const zoom = paperScroller.zoom();

const center = paperScroller.getVisibleArea().center();

// load position and zoom to the original level

paperScroller.zoom(zoom, { absolute: true });

paperScroller.center(center.x, center.y);

Best,

Roman

--

---
You received this message because you are subscribed to the Google Groups "JointJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jointjs+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/jointjs/8b60400a-4154-4f6a-b141-5466ca159690n%40googlegroups.com.

--

Roman Bruckner, CTO

client IO

http://client.io

http://jointjs.com

+420 776 504 406

[WoodCarving Creations]

Thank you Roman, really appreciate your help, now it works perfectly.

[Alexander Nestorov]

This can be used with the "blank:pointermove" event, but is there a way I can subscribe to the scrolling event (which also "moves" the paper) using the mouse wheel?

Regards!

[Roman Bruckner]

Hi Alex,

There is a `scroll` event triggered on the PaperScroller (https://resources.jointjs.com/docs/rappid/v3.3/ui.html#ui.PaperScroller.events).

paperScroller.on('scroll', function() {});

Which is an equivalent of

paperScroller.el.addEventListener('scroll', function() {}, false);

Best regards,

Roman

To view this discussion on the web visit https://groups.google.com/d/msgid/jointjs/36adcc4b-4289-4096-9246-2ddd3f728a25n%40googlegroups.com.