Saludos,
Tengo las líneas de código escritas en HTML en las etiquetas de sin embargo al momento de dar refresh a la página de chrome no se me ejecutan los cambios.
Anexo mi código, tal vez alguno me pueda decir que es lo que sucede o que es lo que me hace falta, además la primera imagen es lo que se me ejecuta y la segunda en como debería salir según la explicación del profesor... Gracias quedo pendiente
Hola Karol, espero que estés bien.
¿Puedes escribir tu código aquí, porfa? Para que aparezca como código, tienes que hacer clic en el ícono </> y luego escribirlo dentro de las " que te van a aparecer.
¡Saludos!
<canvas width="600" height="400"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "lightgrey"; //propiedad
pincel.fillRect(0,0, 600, 400); //funcion
pincel.fillStyle = "green"; //propiedad
pincel.fillRect(0,0, 200, 400); //funcion
pincel.fillStyle = "red"; //propiedad
pincel.fillRect(400,0, 200, 400); //funcion
//Se está dibujando un triángulo de acuerdo a las coordenadas
//Se le da un color a la figura que se va a realizar
pincel.fillStyle = "yellow";
pincel.beginPath();
pincel.moveTo(300,200);
pincel.lineTo(200,400);
pincel.lineTo(400,400);
//Se rellena dicho dibujo con el color escogido inicialmente, en este caso yellow
pincell.fill();
pincel.fillStyle = "blue";
pincel.beginPath();
//ancho, largo, radio, angulo inicial, angulo final
pincel.arc(300,200,50,0,2*3.14);
pincell.fill();
</script>Muchas gracias Priscila ya resolví cual era el inconveniente y resulta que tenia unos pincel con doble ll por lo tanto no me estaba ejecutando bien. Sin embargo anexo el código ya corregido, gracias
<canvas width="600" height="400"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "lightgrey"; //propiedad
pincel.fillRect(0,0, 600, 400); //funcion
pincel.fillStyle = "green"; //propiedad
pincel.fillRect(0,0, 200, 400); //funcion
pincel.fillStyle = "red"; //propiedad
pincel.fillRect(400,0, 200, 400); //funcion
//Se está dibujando un triángulo de acuerdo a las coordenadas
//Se le da un color a la figura que se va a realizar
pincel.fillStyle = "yellow";
pincel.beginPath();
pincel.moveTo(300,200);
pincel.lineTo(200,400);
pincel.lineTo(400,400);
//Se rellena dicho dibujo con el color escogido inicialmente, en este caso yellow
pincel.fill();
pincel.fillStyle = "blue";
pincel.beginPath();
//ancho, largo, radio, angulo inicial, angulo final
pincel.arc(300,200,50,0,2*3.14);
pincel.fill();
</script>Me alegro de que lo lograste, Karol.
Si necesitas ayuda, aquí estaremos para apoyarte. :)
¡Saludos!