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
22
votes
1 answer

Panning, exact definition

What is the difference between scrolling and panning? Is panning identified as the action of dragging the image/background, while scrolling is only when you use scroll bars? And, what is the difference between dragging and panning? When I drag the…
cdarwin
  • 4,141
  • 9
  • 42
  • 66
19
votes
5 answers

How to implement canvas panning with Fabric.js

I have a Fabric.js canvas and I want to implement the full-canvas panning that software packages usually do with a "hand" tool. It's when you press one of the mouse buttons, then move over the canvas while holding the mouse button and the visible…
Glory to Russia
  • 17,289
  • 56
  • 182
  • 325
14
votes
4 answers

Scale at pivot point in an already scaled node

I'm trying to create an application with a zoomable/pannable canvas. Features: zoom in/out with mouse wheel at pivot points drag nodes around on the canvas with left mouse button drag the entire canvas with right mouse button The zooming at the…
Roland
  • 18,114
  • 12
  • 62
  • 93
10
votes
1 answer

Distinguish between panning and normal screen modes in code - Windows

I am writing a full-screen 3D game and I have created a menu in which the user may select the screen resolution to match his hardware capacity. I am enumerating all the available screen modes with EnumDisplaySettingsExA like…
9
votes
1 answer

Gain PanningMode behavior of ScrollViewer with mouse events

I'm attempting to pan around the contents of a ScrollViewer in the same way you would pan around in a PDF document (scroll to zoom in/out, click + drag to pan) ScrollViewer has this functionality built in for Touch events (PanningMode), however this…
Ben K.
  • 273
  • 3
  • 10
9
votes
2 answers

How to implement camera pan like in 3dsMax?

What are the necessary maths to achieve the camera panning effect that's used in 3ds max? In 3ds max the distance between the cursor and the mesh will always remain the same throughout the entire movement (mouse_down+mouse_motion+mouse_up). My naive…
BPL
  • 9,632
  • 9
  • 59
  • 117
8
votes
3 answers

Paging UIScrollView with two-finger pan and zoom

The test case is easily reproduced: download Apple's PhotoScroller sample app, and try to adapt it so that panning (both around a zoomed image, and between each image) only works with two fingers. Setting the panGestureRecognizer for both the…
Stuart
  • 36,683
  • 19
  • 101
  • 139
8
votes
2 answers

HTML5 Panning based on Mouse Movement

I'm trying to implement functionality to "pan" inside a canvas in HTML5 and I am unsure about the best way to go about accomplishing it. Currently - I am trying to detect where the mouse is on the canvas, and if it is within 10% of an edge, it will…
Rion Williams
  • 74,820
  • 37
  • 200
  • 327
8
votes
2 answers

Zooming and Panning of view in android

Hi friends I am creating one app where i put two views. first is imageview and the other one is my customeview. i am drawing image on my custom view. my custom view code is as follow public class DrawView extends ImageView{ …
Sunil Pandey
  • 7,042
  • 7
  • 35
  • 48
8
votes
2 answers

Limit panning amount in order to prevent image from wandering off of the window

INTRODUCTION: I have exported SVG as XAML, and it turned into Canvas with enormous amount of Paths. After making that Canvas main content of the simple, autogenerated window, image was clipped since it was bigger than main window's client…
AlwaysLearningNewStuff
  • 2,939
  • 3
  • 31
  • 84
8
votes
3 answers

JavaFX ScrollPane programmatically moving the viewport - centering content

I can use the setVvalue(double) and setHvalue(double) methods to move a viewport in a JavaFX ScrollPane. What I'm struggling to do is center a particular node in the content of the scroll pane based on its position. I've tried all sorts of combos…
andyw
  • 155
  • 1
  • 2
  • 8
7
votes
1 answer

HTML5 or JQuery Full Screen Crosshair Cursor

We've all seen those military movies with that full screen crosshair cursor on the computers, or even in some animations you see it. For example in the beginning of this video on YouTube titled, "Dishonorable Disclosures" you see exactly what I'm…
Michael Schwartz
  • 8,153
  • 14
  • 81
  • 144
6
votes
1 answer

Zooming and panning an image in a QScrollArea

I have created a preview that shows a rendered image. I used the Image Viewer Example for zooming functionality - so I have a class inheriting QScrollArea, capable of showing an image, in a QLabel, and zooming in/out/fit with specific limits. I was…
Thalia
  • 13,637
  • 22
  • 96
  • 190
6
votes
2 answers

Google Maps API: pan to markers from a list.

Hello :) Please bear with me, I'm not a coder but I'm trying to learn by doing. This is the page I'm working on currently; http://www.websu.it/devnw/dev/contact.html. I've currently set up a map using the Google Maps API, using the following…
Robin Papa
  • 180
  • 1
  • 2
  • 11
6
votes
2 answers

highcharts panning

I'm trying to implement highcharts panning based on this example: http://jsfiddle.net/HXUmK/5/ But I want to be able to zoom with the left mouse button and pan with the right mouse button. So I modified the code above and managed to make it work a…
Boos
  • 127
  • 2
  • 9
1
2 3
13 14