view.zoom Option

Option Name	Data Type	Default Value	Description
view.zoom	object		(Since 0.6.3)
view.zoom.min	number	0.5	Minimum zoom ratio
view.zoom.max	number	2.1	Maximum zoom ratio
view.zoom.step	number	0.1	Zoom step

Option Description

The zoom option is used to configure the zoom functionality of the mind map. By setting the minimum and maximum zoom ratios and the zoom step, users can flexibly adjust the display ratio of the mind map for better viewing and editing.

Usage Example

Below is an example of setting the zoom option:

var options = {
    container: 'jsmind_container',
    editable: true,
    theme: 'primary',
    view: {
        zoom: {
            min: 0.5, // Minimum zoom ratio
            max: 5.0, // Maximum zoom ratio
            step: 0.1 // Zoom step
        }
    }
};

In the above example, the zoom option is set to { min: 0.5, max: 5.0, step: 0.1 }. This setting allows users to adjust the zoom ratio of the mind map between 0.5 and 5.0, with a zoom step of 0.1.

How to Zoom

When using jsMind, users can zoom the mind map in the following ways:

1. Using Keyboard and Mouse: Hold down the [Ctrl] key on the keyboard and scroll the mouse wheel to zoom in or out of the mind map.
2. Using Touch Screen/Touch panel: On touch screen devices, users can pinch or spread two fingers to zoom the mind map. This gesture is similar to the zooming method used for viewing images on mobile devices.

copyright notice

Reproduction and deduction are prohibited.

The jsMind project is still being updated and the corresponding documentation is updated at the same time as the version is updated. In order to avoid confusion to the user, it is forbidden to reprint this document without written permission and to make changes of any kind to this document.