Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Cap 9
Cap 9
Dibujo en el canvas
Dibujo en el canvas
Dicha aplicación se puede hacer muy compleja. Aquí
veremos la forma de cambiar colores, anchos de línea y
grabar la imagen utilizando AJAX y PHP. Tomando como
partida los conocimientos que revisamos en el capítulo
básico de canvas, iniciemos a desarrollar nuestra
aplicación.
9.1 Dibujar una línea en el canvas con el ratón sostenido
Estamos utilizando una variable boleana llamada bandera, la cual nos indica si
estamos dibujando o no. En realidad lo que estamos haciendo es dibujar
pequeñas líneas rectas que lucen como una línea continua, y cuando lo
realizamos, el punto final de la primera línea forma parte del punto inicial de
la siguiente,
9.3 Cambiar los colores y el ancho de la línea
Utilizaremos elementos HTML que se encuentran fuera del canvas para poder
modificar el color de la línea su ancho, así como crear un botón para limpiar
el lienzo. En el caso del siguiente listado, mostraremos (casi) todo el código,
ya que existen varios cambios y añadimos algunos elementos HTML.