⭐ Escalar & imagen de estiramiento en el lado del cliente-skaler ✅ TodoCodigo.net

Vista prévia

skaler es una biblioteca ligera de tamaño de imagen del lado cliente que permite al usuario escalar/subir o estira imágenes a un tamaño específico.

Ideal para el cargador de archivos que se puede utilizar para redimensionar la imagen antes de subirla.

Instale & importar el skaler.

# NPM
$ npm install skaler --save

// ES 6
import skaler from 'skaler';

// CommonJS:
const skaler = require('skaler');

O cargue la versión UMD del skaler desde una red CDN.

<script src="https://unpkg.com/skaler"></script>

Escale la imagen a una anchura de 200px.

const file = await skaler(imageFile, {



 width: 200
});

Escale hasta 900px de ancho.

const file = await skaler(imageFile, {



 width: 900
});

Escale a 0,5 por ciento.

const file = await skaler(imageFile, {



 scale: 0.5
});

Estirar a 150x150px.

const file = await skaler(imageFile, {



 width: 150,



 height: 150
});