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!
Oi Thais
Fazer assim como? seu post ficou em branco, haha
q odio velho toda hora o codigo nao vai pera ae
<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, 400);
function desenhaCirculo (evento) {
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
var raio = 10;
console.log(x + ',' + y);
while(raio >= 10) {
raio = raio + 10;
}
pincel.fillStyle = 'blue'
pincel.beginPath();
pincel.arc(x, y, raio, 0, 2 * 3.14);
pincel.fill();
}
tela.onclick = desenhaCirculo;
</script>