Gostaria de saber como identifico onde fica cada coordenadas para por no código e indicar onde ficara a figura geométrica, a cor desejada etc
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!
Gostaria de saber como identifico onde fica cada coordenadas para por no código e indicar onde ficara a figura geométrica, a cor desejada etc
Fiz assim. Aparece no console enquanto vc passa o mouse no canvas
<html>
<canvas width="600" height="400" ></canvas>
</html>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'grey';
pincel.fillRect(0,0,600,400);
function coordenadas(evento){
var x = evento.offsetX;
var y = evento.offsetY;
console.log(x, y)
}
tela.onmousemove = coordenadas;
</script>