Press "Enter" to skip to content

Interactively Make Any Web Visualization by Panning and Zooming | EasyPZ

EasyPZ supports multiple panning and zooming interactions, including wheel, pinch, double-tap, grip, brush, scrub, dynamic zoom, panning methods including virtual, click, and many variations.

This EasyPZ JavaScript library is used to zoom in/out and move any element using mouse and touch interactions.

How to make use of it:

Download and insert the JavaScript file ‘easypz.latest.min.js’ into the online web page.

<script src="easypz.latest.min.js"></script>

Add the ‘easypz’ attribute to the component you need to zoom and pan.

<svg easypz='{"applyTransformTo": "svg > *"}' height="400" width="400">
  <polygon points="100,10 40,198 190,78 10,78 160,198"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;" />
</svg>

All attainable choices.

modes: "SIMPLE_PAN", "HOLD_ZOOM_IN", "CLICK_HOLD_ZOOM_OUT", "WHEEL_ZOOM", "PINCH_ZOOM", "DBLCLICK_ZOOM_IN", "DBLRIGHTCLICK_ZOOM_OUT"],
applyTransformTo: "",
replaceVariables: false

Callback features accessible.

onPanned: function() {},
onZoomed: function() {},
onTransformed: function() {},
onResetAbsoluteScale: function() {},

Touch-enabled Element Zoom & Pan Library, EasyPZ Plugin/Github

EasyPZ Demo


See Demo And Download

Official Website(michaschwab): Click Here

This superior jQuery/javascript plugin is developed by michaschwab. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *