Archivo para la etiqueta ‘canvas’
15Jun
2011
<!-- 2 -->
Interesante librería Javascript que nos permite mostrar en Canvas (HTML5) el contenido de un PDF. Puede venir muy bien para aplicaciones móviles, ya que en navegación en escritorio normalmente la gente tiene instalado un visor de PDFs. <html> <head> <title>Simple pdf.js page viewer</title> <script type=”text/javascript” src=”pdf.js”></script> <style type”text/css”> body { margin: 6px; padding: 0px; background-color: [...]
09Nov
2010
Comments Off
Los heatmaps son muy útiles para ver qué zonas de nuestras webs atraen la atención de los usuarios. Esta función de Javascript permite mostrar en tiempo real el heatmap que se va produciendo gracias a Javascript y el elemento HTML de Canvas. Real-time heatmap example with Javascript and HTMLCanvas Post originalVía / WebAppers
20Oct
2010
<!-- 2 -->
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 }, [...]
20Oct
2010
Comments Off
Increíbles ejemplos de cómo manipular vídeos en directo aplicando filtros gracias a HTML5 y canvas. Los ejemplos nos muestra cómo se reproduce un vídeo y se muestra el mismo vídeo con efecto de escala de grises o detección de contornos. Realmente increíble. Post original
17Aug
2010
Comments Off
Modernizr es una librería que permite detectar las nuevas características de HTML5, CSS3, Canvas, … que admite el navegador. Tan sólo habrá que acceder a propiedades para saber si admite o no una característica en particular: if (Modernizr.geolocation) { // Admite geolocalización } if (Modernizr.csstransitions) { // Transacciones CSS } if (Modernizr.rgba) { // RGBA [...]
25Jun
2009
Comments Off
MSX es un ordenador de hace la tira de años que cuando eramos pequeños nos parecía increíble y que ahora nos parece paleolítico. jsMSX es un emulador realizado en Javascript y Canvas que permite ejecutar juegos para ese sistema. En sí la aplicación no tiene mucha utilidad, pero es interesante desde el punto de vista [...]
13May
2009
Comments Off
Interesante script que realiza el efecto de escala de grises en cualquier imagen o elementos HTML. Funciona para navegadores que permiten canvas, IE ya tiene un filtro que lo realiza. Su uso es muy sencillo, tan sólo importar la librería y ejecutar el siguiente código: grayscale( document.getElementsByTagName(’div’) ); “Grayscaling” in non-IE browser Vía / Script [...]
26Mar
2009
Comments Off
Buen plugin para jQuery que permite crear gráficas de datos accesibles mediante canvas. El script es bastante fácil de usar, se crea una tabla (sí, si, con <table>, que es para lo que se deben usar), y el script dibuja los datos en un canvas. Ofrece la posibilidad de crear gráficas de pie, barras y [...]
16Mar
2009
Comments Off
Interesante script que usa canvas para detectar rostros en las fotografías. Se basa en openCV y en el post de John Resig para evitar un captcha. Permite la opción de reconocer una cara o varias caras, este último lo he probado con una foto y no me ha funcionado, pero como bien dice el autor, [...]
12Mar
2009
Comments Off
typeface.js es una librería que nos permite crear texto usando fuentes mediante javascript (canvas, SVG o VML para IE). El uso es muy sencillo: <div class="myclass typeface-js" style="font-family: Helvetiker"> Text here in Helvetiker font… </div> Además ofrece una utlidad en Perl que permite convertir truetypes a trucefaces. typeface.js Vía / WebAppers