4
respostas

Não aparece nenhum desenho nem em Chrome nem em Mozilla;

Copiei exatamente o código que estava de exemplo no vídeo :

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

<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");

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

Mas não importa qual editor que eu use o sublime ou o notepad++ e salvar não aparece o bendito retângulo verde, já tentei criar arquivo novo do zero, transcrever todo código digitando ou copiar no primeiro tópico depois do vídeo o código e nada adianta simplesmente não mostra no meu navegador o desenho do retângulo verde. Se alguém já teve esse erro por favor me ajuda que não achei ninguém no fórum com o mesmo problema.

4 respostas

Fala Raphael.

Faz um teste aí, coloca uma mensagem entre a tag canvas. Deixa tipo: <canvas ...> MENSAGEM </canvas>. Se printar na tela a mensagem que colocou, é problema de suporte ao canvas. Nesse caso, você deve confirmar se declarou o DOCTYPE do HTML5 e também tentar em outros navegadores.

[]'s.

Não aparece nada deixar assim

<canvas id="tela" width="600" height="400"> MENSAGEM </canvas>
ou assim 
<canvas> MENSAGEM </canvas>

nenhum dos dois aparece nada fica tudo branco.

Fiz um teste aqui coloquei assim

TESTE
<canvas id="tela" width="600" height="400"></canvas>

<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");

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

ai ele funcionou não sei porque disso mas agora ta colocando o retângulo verde só que a palavra teste fica do lado.

Se tirar a palavra teste, some também o retângulo?