Stack Overflow
Stack Overflow

Questions tagged [panning]

"panning" refers to the rotation in a horizontal plane of an object or viewport.

"panning" refers to the rotation in a horizontal plane of an object or viewport. This is a term usually applies to cameras (or the viewport, in computer terms).

206 questions
3
votes
2 answers

drag to pan on an UserControl

I'm trying to build my own "PictureBox like" control adding some functionalities. For example, I want to be able to pan over a big image by simply clicking and dragging with the mouse. The problem seems to be on my OnMouseMove method. If I use the…
Tute
  • 6,943
  • 12
  • 51
  • 61
3
votes
1 answer

EaselJS - broken panning on zoomed image

I'm having trouble fixing panning in this example - it works fine unless you move the zoomed image and then zoom again(offset is set to default value and the view jumps to initial position - http://jsfiddle.net/p2Qzg/). Any ideas on how to fix that?…
Luke Gmys
  • 137
  • 1
  • 7
3
votes
1 answer

C4: Add panning to an object other than "self"

I watched the C4 tutorial on adding a pan gesture to an object and animating it to return to its original position when the panning is finished. I'm trying to add this to three individual objects. I have it working with one object so far to move it…
Saelyria
  • 142
  • 7
2
votes
1 answer

Unexpected scroll on single touch after panning in Android WebView

I have extended WebView and I have enabled zooming with myWebView.getSettings().setSupportZoom(true);. When I tap the screen (single tap/touch) after I have panned, the WebView seems to move (scroll) to an other position. This messes up my panning…
Stijn.V
  • 617
  • 2
  • 9
  • 23
2
votes
1 answer

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 out buttons to zoom, but then be able to pan with…
sprucegoose
  • 486
  • 9
  • 25
2
votes
1 answer

How can I effectively pan an entire image programmatically?

I have a 11500x11500 div that consists of 400 images, that obviously overflows the viewport. I would like to pan around the whole div programmatically. I want to generate an animation and by the time the animation is over, the whole of the div must…
Kawd
  • 4,122
  • 10
  • 37
  • 68
2
votes
1 answer

Simple Pan and Zoom in d3 v7

I need to pan and zoom in a simple d3 node graph with d3 version 7. const svg = d3.select("#network_graph") .attr("viewBox", [0, 0, width, height]); There doesn't seem to be any documentation / tutorial on how to use d3.zoom…
wiseguybec
  • 79
  • 1
  • 5
2
votes
2 answers

Can panning/zooming be disabled in an android MapView while allowing users to click on an ItemizedOverlay?

Is there a way of disabling panning/zooming and keeping map overlays clickable? I am specifically thinking about an ItemizedOverlay that I want to be tappable while denying users from moving around the map's viewport (It's for a game). I've seen the…
Alex Thiel
  • 29
  • 1
2
votes
1 answer

Smooth panning problem -- low touches per second

If I quickly swipe my finger around the screen, android only gives me about 15 different touch events per second. This means that if I have an image panning around to follow my finger, it will only move 15 times per second, which is essentially 15…
Matt
  • 5,461
  • 7
  • 36
  • 43
2
votes
1 answer

Pannable WebView in JavaFX

Does anybody have an idea how to make the WebView pannable in JavaFX? I know, that WebView is a child of the ScrollPane in JavaFX, and it is possible to make a ScrollPane pannable easily. But I have no idea how to make it pannable with a simple…
SGE59
  • 37
  • 5
2
votes
1 answer

Image movement like Google Maps

I have an big image which I need to show in a smaller container (or smthg like this). The user should be able to move the image up, down, left & right. It should be like Google Maps. Do you have an idea where I can start and how to solve this?
timmes
  • 35
  • 5
2
votes
0 answers

How to fix pan after control.reset() in three.js

Afer loading OBJ File, panning for the 3D Model works well. Three.JS Configuration is as shown below Camera : Orthographic camera Controls: Orbit Controls Loader : OBJ Loader2 bounding box : Box3 I'm using below code to load 3D…
srj
  • 41
  • 4
2
votes
1 answer

Android map view auto panning

In my android application i need to do the following : after fixing the map view to a specific 1st location, the map can't be panned by the user. the map will be auto panned to different locations and the user tap won't stop its movement. To be…
Wardi
  • 91
  • 1
  • 7
2
votes
0 answers

d3.js v4 svg semantic zooming and panning (pan along both x axis and y axis, zoom only along x axis)

I want to achieve panning the svg objects along both x and y axis and semantic zooming only along x axis. As long as the d3.event.transform object holds the computed values for both zooming and panning, anytime I call panning and zooming one after…
mattti
  • 121
  • 4
2
votes
1 answer

Fabricjs move background when panning

I've been trying for the last week to make this work, please give me a hand. I'm currently panning the canvas (relativePan), but I can't move the background aswell. I've tried with pattern background but when modify the offset the entire background…
Roberto Roman
  • 21
  • 1
1 2
3
…
13 14