Javascript

febrero 2011

HTML5: pizarra con canvas y JavaScript

Una de las novedades de HTML5 es la etiqueta <canvas>. Esta etiqueta permite crear dinámicamente formas y elementos 2d. En este ejemplo, crearemos una pizarra sencilla con esta nueva etiqueta y algo de JavaScript.

La sintaxis para crear un objeto canvas, es la siguiente:

Como vemos, especificamos un ancho, un alto, y un id («pizarra») que utilizaremos para manipular el canvas desde JavaScript. El códigoJavaScript comentado sería este:

 

gabriel says:

no tengo ni idea de como implementar la pizarra, donde pongo el codigo javascript dentro del mismo html.
lo he puesto asi y no me funciona

Ibai says:

Es posible guardar, de alguna forma, el dibujo y que en la próxima sesión (o desde otra máquina) se cargue?

juan says:

buenas estaba interesado en poner un html «pizarra» para que los usuarios dibujen un poco,., a la larga crear una pagina exclusiva con dichas obras es posible?