Não tem como deixar quadriculado o meu quadro ? assim fica muitoooo difícil de ver as cordeadas, praticamente fico chutando pois não sei onde estão os pixels...
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!
Não tem como deixar quadriculado o meu quadro ? assim fica muitoooo difícil de ver as cordeadas, praticamente fico chutando pois não sei onde estão os pixels...
Você pode usar o console pra ver em tempo real as coordenadas enquanto 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>