Zoom in or out on a whiteboard

This document describes how to zoom the whiteboard being displayed.

The following figure shows the effect of whiteboard zooming on the web client, and the effect on the mobile client is the same.

Prerequisites

Create a whiteboard by referring to Create a super board.

Implementation process

The zooming function is enabled by default. You can use gestures to zoom in and out on a whiteboard.

Note

If the setToolType is Click, this function is disabled and the whiteboard cannot be zoomed in and out using gestures.

Call the setOperationMode method to set the operation mode to ZegoSuperBoardOperationMode.Zoom to enable the zooming function of ZegoSuperBoard.
Call the setOperationMode method to set the operation mode to ZegoSuperBoardOperationMode.Draw.getMode() | ZegoSuperBoardOperationMode.Zoom.getMode() to enable both the drawing and zooming functions.

ZegoSuperBoardView superBoardView = ZegoSuperBoardManager.getInstance().getSuperBoardView();
// Obtain superBoardView.
if (superBoardView != null) {
    // Obtain the current subView using superBoardView.
    ZegoSuperBoardSubView currentSubView = superBoardView.getCurrentSuperBoardSubView();
    // Enable both the drawing and zooming functions.
    currentSubView.setOperationMode(ZegoSuperBoardOperationMode.Draw.getMode() | ZegoSuperBoardOperationMode.Zoom.getMode());

    // Enable only the zooming function.
    // currentSubView.setOperationMode(ZegoSuperBoardOperationMode.Zoom.getMode());
}

ZegoSuperBoardView superBoardView = ZegoSuperBoardManager.getInstance().getSuperBoardView();
// Obtain superBoardView.
if (superBoardView != null) {
    // Obtain the current subView using superBoardView.
    ZegoSuperBoardSubView currentSubView = superBoardView.getCurrentSuperBoardSubView();
    // Enable both the drawing and zooming functions.
    currentSubView.setOperationMode(ZegoSuperBoardOperationMode.Draw.getMode() | ZegoSuperBoardOperationMode.Zoom.getMode());

    // Enable only the zooming function.
    // currentSubView.setOperationMode(ZegoSuperBoardOperationMode.Zoom.getMode());
}

Use the following methods to enable the synchronous zooming function to synchronously zoom in and out for all parties.

// Enable the synchronous zooming function.
ZegoSuperBoardManager.getInstance().enableSyncScale(true);

// Enable the function of receiving the synchronous zooming effect.
ZegoSuperBoardManager.getInstance().enableResponseScale(true);

// Enable the synchronous zooming function.
ZegoSuperBoardManager.getInstance().enableSyncScale(true);

// Enable the function of receiving the synchronous zooming effect.
ZegoSuperBoardManager.getInstance().enableResponseScale(true);