Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Meu codigo não abre corretamente

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Desenhando gráficos com Canvas e atividade Bandeira da Alemanha

por Daniel McCarthy
| 27.1k xp | 7 posts
Estudante

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
Estudante

O codigo está exatamente como do instrutor

solução!
por GABRIEL DE JESUS FILHO
| 1129.7k xp | 665 posts
TÉCNICO JUDICIÁRIO : ÁREA ADMINISTRATIVA

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>