Example of Zooming and Panning in Blazor Diagram Component

Diagram / Interactive Features / Zooming and Panning

This sample illustrates the navigation options like zooming and panning in a diagram.

Loading Syncfusion Blazor Server Demos…

This example explains zooming, panning, reset, Fittopage, Bringintoview, and Bringintocenter. The FitToPage method refers to how the diagram content fits into the view with respect to the width, height, or the whole. The BringIntoView means that it brings the specified rectangular region into the viewport of the diagram.

BringIntoCenter refers to the action of bringing the specified rectangular region of the diagram content to the center of the viewport. You can zoom in and out of the diagram using the Zoom method, and you can reset the zoom and scroller offsets to default values using the ResetZoom method.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE