Estou aqui a tentar criar um canvas en HTML5 para desenhar e tal mas estou com um problema.
no main.js tenho isto
Código (Javascript):
index.html
Código (HTML):
no entanto não aparece o ponto que deveria aparecer sempre que carrego no rato :S
no main.js tenho isto
Código (Javascript):
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var radius = 10;
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var putPoint = function(e){
context.beginPath();
context.arc(e.clientX, e.clientY, radius, 0, Math.PI*2);
context.fill();
}
canvas.addEventListener('mousedown', putPoint);
var context = canvas.getContext('2d');
var radius = 10;
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var putPoint = function(e){
context.beginPath();
context.arc(e.clientX, e.clientY, radius, 0, Math.PI*2);
context.fill();
}
canvas.addEventListener('mousedown', putPoint);
index.html
Código (HTML):
<!doctype html>
<html>
<head>
<title>Canvas Drawing App</title>
<meta charset="UTF-8">
</head>
<body style='margin: 0;'>
<canvas id="canvas" style="display: block;">
Sorry, your browser is rubbish.
</canvas>
<script src="main.js"></script>
</body>
</html>
<html>
<head>
<title>Canvas Drawing App</title>
<meta charset="UTF-8">
</head>
<body style='margin: 0;'>
<canvas id="canvas" style="display: block;">
Sorry, your browser is rubbish.
</canvas>
<script src="main.js"></script>
</body>
</html>
no entanto não aparece o ponto que deveria aparecer sempre que carrego no rato :S