consegui fazer os dois esquadros porém o menor não sobrepôs o maior então inverti diminui o maior e aumentei o esquadro menor mesmo assim não consegui sobrepor as imagens help please! desde já Thanks!
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!
consegui fazer os dois esquadros porém o menor não sobrepôs o maior então inverti diminui o maior e aumentei o esquadro menor mesmo assim não consegui sobrepor as imagens help please! desde já Thanks!
Oi Judriani,
Aqui deu certo. Tente, por favor, comparar o código abaixo com o seu pra ver se não está faltando nada.
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle='black';
pincel.beginPath();
pincel.moveTo(50, 50);
pincel.lineTo(50, 400);
pincel.lineTo(400, 400);
pincel.fill();
pincel.fillStyle='white';
pincel.beginPath();
pincel.moveTo(100, 175);
pincel.lineTo(100, 350);
pincel.lineTo(275, 350);
pincel.fill();
</script>
<canvas width="600" height="400"></canvas>
<script>
let tela = document.querySelector('canvas');
let pincel = tela.getContext('2d');
pincel.fillStyle = 'black';
pincel.beginPath();
pincel.moveTo(50, 50);
pincel.lineTo(50, 400);
pincel.lineTo(400, 400);
pincel.fill();
pincel.fillStyle = 'white';
pincel.beginPath();
pincel.moveTo(100, 175);
pincel.lineTo(100, 350);
pincel.lineTo(275, 350);
pincel.fill();
</script>