Zoom de elemento con función táctil & biblioteca panorámica-EasyPZ
| Autor: | michaschwab |
|---|---|
| Views Total: | 911 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 15, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
EasyPZ es una biblioteca de JavaScript independiente y libre de dependencia que se utiliza para hacer zoom y panoramizar cualquier elemento con interacciones táctiles y de mouse.
¿Cómo funciona?
Descargue e inserte el archivo JavaScript ' easypz. latest. min. js ' en la Página Web.
<script src="easypz.latest.min.js"></script>
Agregue el atributo ' easypz ' al elemento que desea acercar y panoramizar.
<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> Todas las opciones posibles.
modes: "SIMPLE_PAN", "HOLD_ZOOM_IN", "CLICK_HOLD_ZOOM_OUT", "WHEEL_ZOOM", "PINCH_ZOOM", "DBLCLICK_ZOOM_IN", "DBLRIGHTCLICK_ZOOM_OUT"], applyTransformTo: "", replaceVariables: false
Funciones de devolución de llamada disponibles.
onPanned: function() {},
onZoomed: function() {},
onTransformed: function() {},
onResetAbsoluteScale: function() {}, Registro de cambios
02/15/2018
- Bugfix
10/07/2018
- Permite alternar entre las interacciones basadas en el mouse y el tacto en dispositivos híbridos.
09/17/2018
- Tweak para hacer las interacciones Momentum más flexibles y obtener más información.
