Meu codigo não abre corretamente | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

Solucionado (ver solução)

Solucionado
(ver solução)

2
respostas

por Daniel McCarthy

| 27.1k xp | 7 posts

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

por Daniel McCarthy

| 27.1k xp | 7 posts

30/03/2017

O codigo está exatamente como do instrutor

solução!

por GABRIEL DE JESUS FILHO

| 1145k xp | 665 posts

30/03/2017

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>

Garanta sua matrícula hoje e ganhe + 2 meses grátis