Entradas de la categoría 'Canvas'

jun 24 2012

avatar

Tutorial HTML5 en Español: Slideshow con Canvas y JQuery

HTML5: Slideshow El elemento Canvas en HTML5 es especial porque nos permite crear y modificar gráficos. Además, podemos usarlo como cualquier otro elemento en la página permitiéndonos utilizar animaciones JQuery en él, escuchar eventos e integrarlo fuertemente en nuestros layouts. En este artículo no vamos a realizar un juego o dibujar rectas sobre Canvas sino …

Continuar leyendo »

Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-slideshow-con-canvas-y-jquery/

jun 23 2012

avatar

Tutorial HTML5 en Español: Como crear una progress bar en Canvas

HTML5: Progress bar en Canvas En este nuevo artículo me propongo a mostrarles el código necesario para hacer una barra de progreso (comúnmente llamada progress bar) en HTML5 Canvas. Barra Empezamos con una barra rectangular, a la cual vamos a tener que redondear los ángulos de sus extremos con la ayuda de la función arc(), …

Continuar leyendo »

Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-como-crear-una-progress-bar-en-canvas/

jun 13 2012

avatar

Tutorial HTML5 en Español: Ejemplos Prácticos de HTML5 Canvas

HTML5: Elemento Canvas El elemento de HTML <canvas> permite la creación de gráficos, diagramas, juegos y otros elementos visuales. También permite renderizar en 2D y 3D figuras e imágenes, vía JavaScript. Canvas es quizás la parte más visible del set de características de HTML5 con nuevos demos, proyectos, etc.   Soporte de los Navegadores y …

Continuar leyendo »

Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-ejemplos-practicos-de-html5-canvas/