Sentido Web

Close Pixelate es un script que convierte una imagen en su correspondiente pixelada haciendo uso de HTML5 y canvas. Se le pueden indicar las siguientes opciones: resolución, forma del pixelado, tamaño, desplazamiento y canal alpha

Su uso es tan sencillo como ejecutar lo siguiente:

var docReady = function() {
  document.getElementById('portrait-image').closePixelate([
    { resolution : 24 },
    { shape : 'circle', resolution : 24, size: 16, offset: 12, alpha: 0.5 }
  ]);
};
window.addEventListener( 'DOMContentLoaded', docReady, false);

Close Pixelate

Vía / WebAppers

Entradas relacionadas

• PDF.js librería Javascript para leer PDF en Canvas
• Modernizr: librería Javascript para detectar HTML5, CSS3 y más
• Progreso de subida de ficheros únicamente con HTML5

Comentarios

1. 1 Close Pixelate: Efecto de pixel a imágenes con HTML5 | Maya Digital
   October 22, 2010 a las 7:54 am

   [...] Más Información: Close Pixelate Vía: WebAppers y SentidoWeb [...]

2. 2 Close Pixelate - Pixelar imágenes con HTML5 y Canvas | colorate
   November 9, 2010 a las 11:21 am

   [...] Vía: SentidoWeb [...]