5
respostas

Não aparece minha bandeira da Itália

Fiz o código acompanhando as instruções da aula e minha tela no Chrome ficou em branco, resolvi então copiar o código pronto da aula e mesmo assim não funcionou.

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

<script>

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0, 0, 600, 400);

    pincel.fillStyle = 'green';
    pincel.fillRect(0, 0, 200, 400);

    pincel.fillStyle = 'red';
    pincel.fillRect(400, 0, 200, 400);
</script>
5 respostas

Olá, Maria Luiza! Tudo bem contigo?

Desculpe a demora em dar um retorno

Eu rodei seu código em funcionou perfeitamente

Verifique o arquivo que está tentando abrir ;-)

Eu já cometi, algumas vezes, essa "confusão" de abrir um primeiro arquivo enquanto eu fazia alteração em um segundo sem ver o efeito dessa alteração.

Nos dê um retorno para sabermos se deu certo

Um abraço e até breve

Oi, o mesmo problema ocorre comigo. Já refiz o codigo mas do mesmo jeito o problema persite.

Olá, Bruna!

Quando você acessa o console com F12, gera algum erro?

Poste seu código para podermos dar uma olhada

Quando eu aceso o console não gera nenhum erro apenas mostra a tela em branco. Já tentei em outro navegador e deu o mesmo erro, antes só aparecia a tela cinza pequena, agora não aparece nada.

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

<script>

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

pincel.fillStyle = "lightgrey";
pincel.fillRect = (0, 0, 600, 400);

pincel.fillStyle = "green";
pincel.fillRect = (0, 0, 200, 400);
</script>

Vou dar uma de Jô Soares: "Não querendo interromper, mas já interrompendo."

Este primeiro código que vc escreveu, está certo com a bandeira da Itália.

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

<script>

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0, 0, 600, 400);

    pincel.fillStyle = 'green';
    pincel.fillRect(0, 0, 200, 400);

    pincel.fillStyle = 'red';
    pincel.fillRect(400, 0, 200, 400);
</script>

este outro tem um erro no sinal de igual:

pincel.fillRect = (0, 0, 200, 400);

deveria ser assim:

pincel.fillRect(0, 0, 200, 400);