Oi gente, boa noite.
Estou tentando desenvolver este codigo há horas, mas de todas as maneiras que tentei resolver sempre encontro dificuldade no incremento do shiftkey, nao sei o que estou fazendo de errado.
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector ('canvas');
var pincel = tela.getContext ('2d');
pincel.fillStyle = 'lightblue';
pincel.fillRect(0, 0, 600, 400);
function desenhaBolinha(evento) {
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
if (evento.shiftkey == true) {
pincel.fillStyle = 'purple';
pincel.beginPath ();
pincel.arc(x, y, 30, 0, 2 * 3.14);
pincel.fill ();
}
else {
pincel.fillStyle = 'purple';
pincel.beginPath ();
pincel.arc(x, y, 10, 0, 2 * 3.14);
pincel.fill ();
}}
tela.onclick = desenhaBolinha;
</script>
Help, please :x
