meu navegador so mostra uma parte de meu desenho, quando coloquei ele todo de uma cor apareceu apenas uma parte.
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
meu navegador so mostra uma parte de meu desenho, quando coloquei ele todo de uma cor apareceu apenas uma parte.
Cola o teu código aqui pra gente dar uma olhada
Isso, poste o código para que possamos analisar.
<canvas widht="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');
pincel.fillStyle = 'yellow';
pincel.beginPath();
pincel.moveTo(300,400);
pincel.lineTo(200,400);
pincel.lineTo(400,400);
pincel.fill();
pincel.fillStyle = 'blue';
pincel.beginPath();
pincel.arc(300,200,50,0,2 * 3.14);
pincel.fill();
</script>
Oi Paulo,
lembre-se de colocar o seu código entre ``` para ele aparecer na tela formatado.
Você também pode usar o botão INSERIR CÓDIGO para te ajudar (:
Ah, e quanto a sua dúvida, nessa linha você escreveu os valores entre aspas:
pincel.fillRect('400,0,200,400');deveria ser sem aspas como os outros:
pincel.fillRect(400,0,200,400);
Olá Paulo! Dois problemas no seu código:
1 - Você escreveu widht ao invés de width. Inverteu a letra h com a letra t:
// está assim:
// <canvas widht="600" height="400"></canvas>
// faça assim:
<canvas width="600" height="400"></canvas>2 - Os valores não vão entre aspas:
// está assim:
//pincel.fillRect('400,0,200,400');
// faça assim:
pincel.fillRect(400,0,200,400);Abraços e sucesso nos estudos!