Accessing Viewport State

The read-only viewport transform state can be accessed via the viewport property of the canvas.

    
const element = document.getElementById('canvas');

const canvas = new CanvasBuilder()
  .setElement(canvas)
  .build();

console.log(canvas.viewport);

  

The viewport object provides two methods:

1. To get the state of the viewport matrix, call:

       
     const viewportMatrix = canvas.viewport.getViewportMatrix();
   
     

2. To get the state of the content matrix, call:

       
     const contentMatrix = canvas.viewport.getContentMatrix();