Pixelar imágenes usando JavaScript y Canvas-pixasso-JS

Tiempo de ejecución: 30 minutos. Empezar

Autor: howion
Views Total: 705
Sitio oficial: Ir a la web
Actualizado: July 29, 2018
Licencia: MIT

Vista prévia

Pixelar imágenes usando JavaScript y Canvas-pixasso-JS

Descripción

pixasso-JS es una pequeña biblioteca de JavaScript libre de dependencia que se utiliza para pixelar una imagen dada con tamaño de píxel configurable y zoom usando HTML5 Canvas 2D API.

See also:

Funcionamiento

Inserte la biblioteca pixasso-JS en su documento HTML.

<script src="pixasso.min.js"></script>

Pixelar una imagen que proporcione.

var myImg = document.createElement('img');
pixasso.createPixelArt(img);

Personaliza el tamaño de píxel, el nivel de zoom y el modo de selector de color.

  • pixsize: tamaño de píxel
  • zoom: nivel de zoom
  • colorPickMode: FirstColor: 0, JointColor: 1
pixasso.createPixelArt(myImg, pixSize, zoom, colorPickMode);

Registro de cambios

07/29/2018

  • Actualización de JS

Te puede interesar: