"panning" refers to the rotation in a horizontal plane of an object or viewport.
Questions tagged [pan]
453 questions
10
votes
2 answers
Matplotlib/Pyplot: How to zoom subplots together AND x-scroll separately?
I previously asked the question "How to zoom subplots together?", and have been using the excellent answer since then.
I'm now plotting just two sets of time-series data, and I need to continue to zoom as above, but now I need to also pan one plot…

BobC
- 3,320
- 5
- 24
- 30
10
votes
0 answers
Ionic3 Gesture pinch pan and rotate together
I want to create a draggable / resizable / rotatable component in Ionic2.pan and pinch events are working great, but rotate has a strange behaviour: if I touch the component with two fingers, but without doing any kind of rotation, I will still get…

Guillaume
- 2,912
- 3
- 35
- 59
10
votes
2 answers
D3 Pan Zoom Overflow
I was wondering if you could help me with the follwoing D3js Zoom and pan functionality in the following fiddle: http://jsfiddle.net/moosejaw/nUF6X/5/
I hope the code (although not great) is straight forward.
I have a chart that has total…

mattjvincent
- 868
- 2
- 11
- 28
9
votes
1 answer
D3 force layout: making pan on drag (zoom) smoother
I've got a d3.js static force layout graph that can get rather big (sometimes parts of it are clipped), so I'd like to let the user pan the whole graph by dragging. I don't think I need dragging of individual nodes, I've got a feeling that's just…

unhammer
- 4,306
- 2
- 39
- 52
9
votes
2 answers
Limiting domain when zooming or panning in D3.js
I have implemented a simple D3.js line chart that can be zoomed and panned. It is based on Stephen Bannasch's excellent example here.
The domain of my data is [0, n] in the x dimension.
How can I limit zooming and panning to this domain using the…

Nils
- 93
- 1
- 3
8
votes
2 answers
Pan and 2 Finger Pinch simultaneous iOS -at the same time-
2 Gesture recognizer:
UIPinchGestureRecognizer *twoFingerPinch =
[[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(handlePinch:)];
[croppper addGestureRecognizer:twoFingerPinch];
UIPanGestureRecognizer *PanRecognizer =…

Phil
- 341
- 6
- 19
8
votes
2 answers
Android: Easiest way to make a WebView display a Bitmap?
I have some images that I loaded from a remote source stored in Bitmap variables and I want to display them. In addition to switching between these images the user should also be able to zoom and pan them. My first idea was to somehow pass them via…

Steven Meliopoulos
- 4,450
- 4
- 34
- 36
8
votes
1 answer
CSS3, ZOOM + PAN (google maps style)
I need to ZOOM AND PAN a div element with CSS3
with the ability to mix zoom and pan,
so you could e.g. zoom-in, pan, zoom-in some more, pan, zoom-out etc.
ZOOMING has been SOLVED in this tread:
CSS3 zooming on mouse cursor
with an absolutely…

Wojciech
- 159
- 2
- 9
8
votes
2 answers
Pan/zoom ordinal scale?
I am using d3 to render a simplified gantt chart, with panning and zooming using d3.behavior.zoom.
The x scale is a time scale (slightly modified to center calendar days in columns, etc) and works beatifully, but I'm having problems deciding how to…

ludoo
- 131
- 1
- 7
7
votes
1 answer
iPhone google maps v3 pans after pinch zoom
I have a problem developing a web application for iPhone. When I visit a simple example like http://code.google.com/intl/sv-SE/apis/maps/documentation/javascript/examples/map-simple.html in an iPhone and do pinch zoom the map pans when I release the…

tirithen
- 3,219
- 11
- 41
- 65
7
votes
2 answers
Google Maps: Limit Panning
I'm trying to recreate the pan limit behavior as demonstrated here:
http://econym.org.uk/gmap/example_range.htm
Unfortunately, it's using the API version 2, instead of the current version 3. I'm updating the commands so that they are current, but I…

Marc P
- 606
- 1
- 11
- 26
7
votes
0 answers
hammer.js pan limit—how to set boundaries
I currently have this code:
var hammertime = new Hammer(canvasContainer);
var x0, y0;
hammertime.on('panstart', function(ev){
x0=stage.position.x;
y0=stage.position.y;
});
hammertime.on('pan', function(ev){
stage.position.x = x0 + ev.deltaX;
…

Mirror318
- 11,875
- 14
- 64
- 106
7
votes
4 answers
Moving Camera in SpriteKit Swift
I am creating a game in sprite kit using swift, and I am trying to be able to move the SKScene around with a finger because not all of the nodes fit within the scene. I have already created world, overlay, and camera nodes with this code.
…

Aidan Kaiser
- 501
- 5
- 17
7
votes
2 answers
Move (drag/pan) and zoom object (image or div) in pure js
I'm working on a little script that makes an object (div or img) moveable and zoomable within a given frame.
However I came across a few problems I'm not really sure of, because I'm a javascript beginner - so explanation of why those problems occure…

sangrila B
- 584
- 1
- 4
- 17
7
votes
1 answer
How to pan Image inside PictureBox
I have a custom PictureBox which can zoom in using MouseWheel event. Now I want to add a panning feature to it. I mean when PictureBox is in zoomed state, if user left clicks and holds the click then move the mouse, the image would pan within the…

Dumbo
- 13,555
- 54
- 184
- 288