Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
5
respuestas

[Duda] Mi PC no ejecuta el triángulo tampoco la circunferencia.

Me sale la bandera pero no el triángulo tampoco la circunferencia.

<canvas width="600"heigth="400">

<script>

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

    pincel.fillStyle = "lightgrey"; //propiedad o caracterizacion 
    pincel.fillRect(0,0,600,400);  //function

    pincel.fillStyle = "green";  //propiedad
    pincel.fillRect(0,0,200,400); //function

    pincel.fillStyle = "red"; //propiedad
    pincel.fillRect(400,0,200,400); //function

    pincel.fillStyle = "yellow"; //propiedad
    pincel.beginPath();
    pincel.moveTo(300,200);
    pincel.lineTo(200,400);
    pincel.lineTo(400,400);
    pincel.fill();

    pincel.fillStyle = "blue";  //propiedad
    pincel.beginPath();
    pincel.arc(300,200,50,0,2*3.14);
    pincel.fill();

5 respuestas

No encuentro fallas en tu codigo, no se si es por que no estaba con la etiqueta de script, sin embargo el codigo me funciona correctamente, asegurate de cargar correctamente la pagina, asi como de guardar correctamente tu archivo para que los cambios sean aplicados correctamente.

    <canvas width="600" height="400"></canvas>
    <script>

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

        // franjas
        pincel.fillStyle = "lightgrey"; //propiedad o caracterizacion 
        pincel.fillRect(0,0,600,400);  //function

        pincel.fillStyle = "green";  //propiedad
        pincel.fillRect(0,0,200,400); //function

        pincel.fillStyle = "red"; //propiedad
        pincel.fillRect(400,0,200,400); //function

            // triangulo
        pincel.fillStyle = "yellow"; //propiedad
        pincel.beginPath();
        pincel.moveTo(300,200);
        pincel.lineTo(200,400);
        pincel.lineTo(400,400);
        pincel.fill();
        //  circulo
        pincel.fillStyle = "blue";  //propiedad
        pincel.beginPath();
        pincel.arc(300,200,50,0,2*3.14);
        pincel.fill();

    </script>

Recuerda que si te ha funcionado puedes marcar como resuelta

Hola Ana . El error puede que este en la palabra height; sin embargo vos la tenes anotada como heigth( <canvas width="600"heigth="400">) .

¡¡Muchas gracias!!

¡¡Muchas gracias¡¡

No se si tambien sera por que no has cerrado la parte de Canvas <canvas width="600"heigth="400"> Asi para quedar asi <canvas width="600"heigth="400">