Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jsPlumb: zoom in and zoom out issue when dragging the endpoint

I am tring to load a jsPlumb flowchart, but I am having a problem when I use zoom in and zoom out. addpoints are not displaying correctly.

enter image description here

I have used setZoom function for zooming.

Thanks in advance.

like image 892
Zinal Shah Avatar asked Nov 02 '22 03:11

Zinal Shah


1 Answers

You need to repaint the jsPlumb objects when zoom operation is performed:

jsPlumb.repaintEverything();

I think you need to include above code in the setZoom() function.

Example for window resize:

$( window ).resize(function() {
            jsPlumb.repaintEverything();
});
like image 182
MrNobody007 Avatar answered Nov 12 '22 15:11

MrNobody007