Pedir presupuesto

Close Pixelate – Pixelar imágenes con HTML5 y Canvas

Close Pixelate es un script que nos permite convertir una imagen normal en pixelada gracias al uso de HTML5 y Canvas. No sólo nos convierte la imagen sino que nos permite configurar aspectos como:

  • Resolución: La distancia en pixels. Requerido.
  • Forma del pixelado (cuadrado, circulo y diamante). Por defecto es Cuadrado. Este campo es opcional.
  • Tamaño. Por defecto será el valor de la resolución.
  • Desplazamiento.
  • Opacidad

El script funciona en cualquier imagen de acuerdo a las especificaciones de los navegadores para el HTML5.

Su funcionamiento es simple, basta poner en la etiqueta la imagen

[html]

[/html]

Y para que el efecto se haga realidad faltaría el siguiente código:

[javascript]
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);
[/javascript]

Os dejo ejemplo de una jirafa cuya configuración empleada para mostrar este estupendo resultado ha sido la siguiente:

[javascript]
{ shape : ‘circle’, resolution : 24 },
{ shape : ‘circle’, resolution : 24, size: 9, offset: 12 }
[/javascript]

Imagen Original

Close Pixelate

Imagen con efecto Pixelar

Close Pixelate

Para obtener más información, acudir a la web del autor.

Vía: SentidoWeb

¿Te ha gustado?, Comparte!!

Compartir en facebook
Compartir en twitter
Compartir en linkedin
Compartir en whatsapp
Compartir en email

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¡Pide tu presupuesto!

Completa los campos para poder enviarte un presupuesto

Todos y tu presupuesto son a medida y totalmente personalizados, entendemos que dos proyectos online no pueden ser iguales y que cada cliente tiene unos objetivos y necesidades muy diferentes, es por eso que para elaborar un presupuesto, necesitamos saber de ti, tu proyecto y objetivos.

Los campos marcados con (*) son obligatorios.

La comunicación enviada quedará incorporada a un fichero del que es responsable COLORDEU. Esta comunicación se utilizará exclusivamente para tratar sus datos para atender su solicitud, siempre de acuerdo al Reglamento (UE) 2016/679 (RGPD), la Ley Orgánica 15/1999 (LOPD) y el Real Decreto 1720/2007 de desarrollo de la LOPD), sobre protección de datos. Sus datos no se comunicarán a terceros, excepto por obligación legal, y se mantendrán mientras no solicite su cancelación. En cualquier momento usted puede ejercer los derechos de acceso, rectificación, portabilidad y oposición, o si procede, a la limitación y/o cancelación del tratamiento, comunicándolo por escrito, indicando sus datos personales mediante un email a hola@colordeu.es