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.


Constrained rescaling

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


Virtual rescaling

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

The popped up custom event carries the following detail structure:


The Alltogether!

Feel free to play with the cofiguration: