Scaling

ES Drager supports scaling functionality through mouse wheel interaction.

Basic Scaling

Enable scaling by setting the scalable prop:

Scroll to scale

Use your mouse wheel while hovering over the element to scale it.

You can control the minimum and maximum scale values using the minScale and maxScale props:

Limited scaling

This element can only be scaled between 50% and 200% of its original size.

Track scale changes using the onScale event handler:

Check console

Open your browser's console to see the scale value being logged.

Scaling works seamlessly with dragging and rotation:

Try all features

This element can be dragged, rotated, and scaled.