Skip to content

Set component width and height

You will receive a magnifying glass component with a width of 200px and a height of 260px, and a mask layer size of 10%

magnifier_image

Change the shape of the magnifying glass component

By changing the magnifier shape attribute value of the component, the shape of the magnifying glass component can be set. There are three supported shapes, normal,squareWithRadius,circle

magnifier_image
magnifier_image
magnifier_image

Set the gap between the original box and the enlarged box

The default gap is 1, and you can control the gap between the two boxes by modifying the value of box gap

magnifier_image

Set the position between the magnifying box and the original box

The adjustable attribute values are up, down, left, right

magnifier_image
magnifier_image
magnifier_image
magnifier_image

The enlarged image is displayed within the mask layer

When this attribute is enabled, the magnifying box will be hidden, and all effects related to the magnifying box will not appear

magnifier_image