Manipula imágenes píxel a píxel usando JavaScript y Canvas-PixelMap

Vista prévia

Descripción

PixelMap. js es una pequeña biblioteca de manipulación de imágenes que le permite aplicar nuevos datos de píxel a la imagen original utilizando el lienzo de HTML5.

PixelMap. js es una pequeña biblioteca de manipulación de imágenes que le permite aplicar nuevos datos de píxel a la imagen original utilizando el lienzo de HTML5.

Funcionamiento

PixelMap. js es una pequeña biblioteca de manipulación de imágenes que le permite aplicar nuevos datos de píxel a la imagen original utilizando el lienzo de HTML5.

<script src="/lib/pixelmap.js"></script>

PixelMap. js es una pequeña biblioteca de manipulación de imágenes que le permite aplicar nuevos datos de píxel a la imagen original utilizando el lienzo de HTML5.

<img id="result" src="">

var img = document.createElement('img');
img.src = 'sample.jpg'
pixelmap.map(img, function(e) {

// do something
});

PixelMap. js es una pequeña biblioteca de manipulación de imágenes que le permite aplicar nuevos datos de píxel a la imagen original utilizando el lienzo de HTML5.

• Swap R-G (swapRG)
• Swap B-G (swapBG)
• Swap R-B (swapRB)
• Invertir color (invertColor)
• Escala de grises (grayscaleAverage)
• Sepia (sepia)

<script src="lib/pixelmapEffects.js"></script>

pixelmap.map(img, pixelmapEffects);

Registro de cambios

10/17/2018

• Actualización de JS