2
respostas

Algoritmo do Esquadro (a parte branca não aparece)

Aparentemente meu código está igual a do instrutor mas a parte branca do esquadro não aparece :/

<canvas width = "800" height="600" ></canvas>

<script>    
    var tela = document.querySelector ("canvas");
    var pincel = tela.getContext ('2d');

    pincel.fillStyle = "black";
    pincel.beginPath ();
    pincel.moveTo (50,50);
    pincel.lineTo (50, 400);
    pincel.lineTo (400,400);
    pincel.fill ();

    pincel.fillStyle = "white";
    pincel.beginPath ();
    pincel.moveTo (100,175);
    pincel.lineTo (100,350);
    pincel.lineTo (275,350);
    pincel.fill ();
</script>
2 respostas

Opa, boa noite Juliana, tudo bom?

No meu computador seu código funciona perfeitamente, estou utilizando um Windows 10, e com o Firefox.

Oi Juliana, talvez você não esteja conseguindo ver a mudança porque a cor do canvas no navegador é branco por isso adicionei um fundo cinza pra ficar melhor de perceber os desenhos:

<canvas width = "800" height="600" ></canvas>

<script>    
    var tela = document.querySelector ("canvas");
    var pincel = tela.getContext ('2d');
    pincel.fillStyle = "lightgrey";
    pincel.fillRect(0, 0, 600, 400);

    pincel.fillStyle = "black";
    pincel.beginPath ();
    pincel.moveTo (50,50);
    pincel.lineTo (50, 400);
    pincel.lineTo (400,400);
    pincel.fill ();

    pincel.fillStyle = "white";
    pincel.beginPath ();
    pincel.moveTo (100,175);
    pincel.lineTo (100,350);
    pincel.lineTo (275,350);
    pincel.fill ();
</script>

Espero ter ajudado e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software