Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
2
respostas

Meu codigo não abre corretamente

Olá pessoal, estou com uma duvida aqui, meu codigo era pra imprimir uma bandeira da alemanha mas ela aparece apenas uma parte preta e, no fundo uma parte vermelha.

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





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

    pincel.fillStyle = 'black';
    pincel.fillRect(0, 0, 600, 133);


    pincel.fillStyle = 'red';
    pincel.fillRect(0,133, 600 , 133)

    pincel.fillStyle = 'yellow';
    pincel.fillRect(0,266, 600 , 133)

qual o problema com esse codigo?

2 respostas

O codigo está exatamente como do instrutor

solução!

Há alguns erros de sintaxe no código:

1) esqueceu de fechar o canvas com ""

2) esqueceu do sinal de igual depois do "height"

3) colocou uma aspas a mais antes do "height".

Segue o código correto:

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

<script>

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

    pincel.fillStyle = 'black'; pincel.fillRect(0, 0, 600, 133);

    pincel.fillStyle = 'red'; pincel.fillRect(0,133, 600 , 133)

    pincel.fillStyle = 'yellow'; pincel.fillRect(0,266, 600 , 133)

</script>