This sample illustrates how to zoom and pan in the diagram.
This example explains zooming, panning, reset, fit to page, bring into view, and bring to center.
fitToPage method adjusts the zoom level of a diagram so that all its content is visible within the viewport.
bringIntoView method brings the specified rectangular or bounds region into the diagram viewport.
bringToCenter method brings the specified rectangular region of the diagram content to the center of the viewport. You can zoom in and out using the zoom method, and reset the zoom and scroller offsets to default values using the reset zoom method.
In this sample, use
zoomIn , and
ZoomOut options to pan, reset the zoom and zoomin/out the diagram.