como faz para saber onde fica as coordenadas da pagina?
como faz para saber onde fica as coordenadas da pagina?
ainda nao consegui ver as coordenadas do mouse,acho que pode ser um problema no meu codigo
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<canvas width="600" height="600"></canvas>
</head>
<body>
<script>
document.querySelector('body').addEventListener('mousemove', function(event) {
var posX = event.clientX,
posY = event.clientY;
});
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
pincel.fillStyle = 'green';
pincel.fillRect(0, 0, 600, 400);
pincel.fillStyle='yellow';
pincel.beginPath();
pincel.moveTo(300, 50);
pincel.lineTo(50, 200);
pincel.lineTo(550, 200);
pincel.fill();
pincel.beginPath();
pincel.moveTo(300, 350);
pincel.lineTo(50, 200);
pincel.lineTo(550, 200);
pincel.fill();
pincel.fillStyle="blue"
pincel.beginPath();
pincel.arc(300, 200, 100, 0, 2*3.14);
pincel.fill();
</script>
</body>
Dalton, seu código está correto. Ele apenas desenha a bandeira do Brasil, ele não mostra as coordenadas da página. Para isso, é necessário um conhecimento adicional em JavaScript. Você pode tentar seguindo as instruções contidas nesse link.
Testei o codigo dessa pagina,mas ainda nao consegui,teria como vc colocar o codigo funcionando aqui? Acho que pode ser erro meu