Example of Zooming and Panning in Blazor Diagram Component
This sample illustrates the navigation options like zooming and panning in a diagram.
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.