Zoom Pan in WPF Diagram

18 Nov 20181 minute to read

  • You can zoom in or zoom out the diagram view. WPF Diagram can be zoomed in or out by simply holding down the Ctrl key and scrolling with your mouse wheel.

  • When a large Diagram is loaded, only a certain portion of the Diagram is visible. The remaining portions are clipped. Clipped portions can be explored by scrolling the scrollbars or panning the Diagram.

Zoom Pan

  • IntelliMouse Pan : You can pan the diagram using scroll wheel. To pan, the user must hold down the scroll wheel anywhere in the diagram and move the cursor in any direction (for example: On moving cursor towards left direction, diagram will be panned towards left). Releasing Scroll Wheel will stop the panning. The speed of the Panning is proportional to the distance between the Scroll Wheel pressed position and current mouse position, i.e. panning will be faster if the distance is large and slower if the distance is small.

WPF Diagram IntelliMousePan

WPF Diagram IntelliMousePan

See Also

How to get notified when zooming and panning the diagram?

How to do Panning the diagram in all the directions at a time?

How to bring the specific diagram object to the center or viewport of the Diagram?

How to achieve zoom in or zoom out functionality to ports?

How to get notification when zooming and panning the diagram page?

How to Use the Mouse Middle Button for Pan and Middle Button Scroll for Zoom in WPF Diagram?

How to do Panning in all the directions at a time in WPF Diagram?

How to deactivate the rubber band zoom in the WPF Diagram ?

How to use the Magnifier control in the WPF Diagram ?