sábado, 13 de julio de 2013

Paint con Canvas y HTML 5

Hoy os traigo un pequeño código que estuve probando para quien quiera descargarlo. Es un simple paint hecho con Canvas, HTML5 y JavaScript.



He utilizado la librería BootStrap para los botones y farbastic para la elección de los colores.

Lo que puedes hacer es pintar seleccionando el color que uieras y también el grosor que quieras. Cada vez que aprietas el botón del ratón y lo sueltas, la imagen pintada se guarda en un array lo que permite que luego se pueda recuperar para poder rehacer, deshacer o eliminar el dibujo.

Para ver la demo funcionando online haz click aqui.

Puedes descargar todo el código aquí.

Si tienes alguna duda de su funcionamiento puedes dejarnos un comentario y trataremos de ayudarte.

6 comentarios:

  1. Muy bueno, me sirvió de ayuda.

    Saludos!

    ResponderEliminar
    Respuestas
    1. Hola me pudieras por favor pasar el archivo, los links estan rotos.. :(

      Eliminar
  2. Hola, me encantó como lo hizo, ahora estoy tratando de poner para poder introducirle texto y la opción goma de borrar. Si lo consigue les informaré. Gracias.

    ResponderEliminar
  3. Me parece genial tu aplicación, sólo que no se puede bajar. Podrías volverlo a subir por favor? Se me hace muy interesante!!!

    ResponderEliminar
  4. Amigos los links están rotos... podrían activarlos para revisarlos.
    Muchas grx.

    ResponderEliminar