Usuario:ManuelRomero/JavaScript/canvas/

–

Qué es
250px 250px
 *  Es una etiqueta o tag de html que sirve para especificar un contenedor donde dibujar gráficos en html
 * Estas acciones de dibujar se hacen mediante lenguajes de programación; uno muy utilizado es JavaScript.
 * Nosotros cuando rederizamos o dibujanmos en un lienzo cambas, lo podemos hacer usando 2D o escenas con profundidad o 3 coordenadas, realizando dibujos 3D.
 * Las técnicas 3D quedan descritas en WebGL.
 * Para obtener un objeto que nos permita dibujar debemos invocar al método de un element  

Creando un canvas

 * Cuando se crea un canvas podríamos pensar que estamos creando un cuadro donde pintar o lienzo
 * Por defecto se le asigna un tamaña de 300px * 150px [ancho (width) * alto (height)]
 * Estos valores se pueden especificar en la definición o cambiar posteriormente.

getContext
 * Para poder acceder al elemento y dibujar tenemos el método

getContext

 * Este método nos devuelve un objeto que nos permitirá usar métdos y propiedades para dibujar
 * Una vez que tenemos este método ya podemos empezar a dibujar.
 * Un objeto de este tipo es como un pincel para pintar

Pintando

 * Vamos a ver métodos para pintar en el canvas
 * Ahora es cuestión de saber qué queremos hacer y buscar los métodos para pintar
 * Preparando el color para hacer un rectángulo


 * Dibujando un rectángulo


 * Dibjando líneas
 * Haciendo un degradado de color