Elementos HTML/SVG arrastrables-PlainDraggable
| Autor: | anseki |
|---|---|
| Views Total: | 2,204 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 19, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
PlainDraggable es una sencilla y eficaz biblioteca de arrastrar y colocar que permite la funcionalidad arrastrable en cualquier elemento HTML y SVG con compatibilidad de alineación y límite.
Funcionamiento
Enlace a la versión minimizada de la biblioteca PlainDraggable.
<script src="plain-draggable.min.js"></script>
Para hacer que un elemento se arrastre dentro de su contenedor principal:
draggable = new PlainDraggable(yourElement);
Configuración de la biblioteca arrastrable pasando el objeto Options como el segundo parámetro para el PlainDraggable método.
draggable = new PlainDraggable(yourElement,{
// parent container
containment: '',
// enable the snap functionality
snap: undefined,
// drag handle element
handle: '',
// CSS z-index property
zIndex: 9000,
// distance between element and left
left: undefined,
// distance between element and top
top: undefined
}); Event handlers.
draggable = new PlainDraggable(yourElement,{
onDrag: undefined,
onMove: undefined,
onMoveStart: undefined,
onDragEnd: undefined,
}); Métodos de la API:
// set options draggable.setOptions(options) // re-calculate the position draggable.position()
Registro de cambios
10/19/2018
- v2.5.10
