python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - panning

How to re-center an image once it has been dragged and zoomed in or out

I am trying to create a class which handles zooming and panning components. The class contains references to an Anchorpane, which I am using since it does not do any aligning by default, as well as an...
test-img

Eliot McNab

java

user-interface

javafx

zooming

panning

Votes: 0

Answers: 1

Latest Answer

Instead of re-centering the content after scale, use the center point of the content as the scale pivot. In other words, scale around the center of the content. Introduce a simple method to calculate ...
test-img

c0der

Allow zoom with buttons only, allow pan with mouse drag

[updated to now use drag- but drag isn't functioning 100% correct, so help still needed] I'm trying to use d3 to zoom and pan an svg a particular way. I want the user to have to use the zoom in/zoom o...
test-img

sprucegoose

javascript

d3.js

zooming

panning

Votes: 0

Answers: 1

Latest Answer

Just disable the wheel zooming (and drop the drag): svg.call(zoom) .on("wheel.zoom", null); Here is your code with that change: var width = 960, height = 500; var svg = d3.select...
test-img

Gerardo Furtado

Posts

Questions

Blogs

Jobs