loading... Pacem JS

The <pacem-rescale> behavioral element is meant to add resizing/rescaling capabilities to a PacemElement (mainly using a mouse device).
Cursor changes give hints about rescaling capabilities on decorated elements.

Basic rescaling

In its raw fashion, the PacemRescaleElement scales freely the target custom element.

Example:

Constrained rescaling

You can also tweak <pacem-rescale> properties for more desirable results:

Example:

Virtual rescaling

Advanced use of <pacem-rescale> might exploit its dispatched events:

The popped up custom event carries the following detail structure:

Example:

The Alltogether!

Feel free to play with the cofiguration: