Arrastrable, redimensionable & plugin giratorio-Drag-Resize-Rotate-Library

Tiempo de ejecución: 30 minutos. Empezar

Autor: nichollascarter
Views Total: 872
Sitio oficial: Ir a la web
Actualizado: March 22, 2019
Licencia: MIT

Vista prévia

Arrastrable, redimensionable & plugin giratorio-Drag-Resize-Rotate-Library

Descripción

Una biblioteca táctil de Photoshop inspirada, redimensionable y giratoria, sin ninguna dependencia 3rd.

See also:

Funcionamiento

Importe los archivos arrastrar-redimensionar-rotar-biblioteca en el archivo HTML.

<script type="text/javascript" src="subj.js"></script>
<link rel="stylesheet" href="subj.css">

Inicialice el arrastre-redimensionar-rotar-biblioteca en un elemento que especifique.

<div id='example'>

Element to drag, resize, rotate
</div>
Subj('#example').draggle();

Establezca el tamaño de ajuste (por defecto: 10).

Subj('#example').draggle({

snap: 20
});

Ejecute una función después de arrastrar el elemento.

Subj('#example').draggle({

drop: (e,el) => {console.log(el);},
});

La biblioteca también proporciona una funcionalidad para clonar elemento.

Subj('#example')..clone({

stack: 'selector',

style: 'clone', // or custom styles

appendTo: 'selector'
});

Registro de cambios

03/22/2019

  • Agregado soporte de transformación de elementos SVG
  • Corregido error con la falta de la parte superior de las propiedades de la izquierda en estilo

01/30/2019

  • Se eliminó el exceso de código

01/21/2019

  • La fijación del operador perdido

01/19/2019

  • Permitir escala padre

12/18/2018

  • Corregir errores, optimizar

11/06/2018

  • Cambios menores

Te puede interesar: