Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Dudas sobre la variable pincel

Buenas tardes.

En cursos anteriores cuando yo llamaba una etiqueta del mundo HTML por ejemplo y deseaba ubicar el cursor sobre el cuadro de texto, simplemente hacía esto: var entrada = document.querySelector("input"); y debajo de este colocaba: entrada.focus( ); Entonces, mi pregunta es con relación a lógica de programación 3 al inicio ¿Por qué se define una variable para var pincel = pantalla.getContext("2d");? ¿Qué pasaría si uso esta función sin asignarle una variable como en el ejemplo de la etiqueta input?

<canvas with="600" height="400"></canvas>

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");


</script>
1 respuesta
 var pantalla = document.querySelector("canvas");

Solo te trae el objeto canvas del HTML al js para poder usar sus propiedades.

var pincel = pantalla.getContext("2d");

Aqui se usan las propiedades del canvas guardadas en la variable pantalla y se le indica que se va a dibujar en formato 2D