Isso não chega a ser bem uma dúvida, é mais uma observação. Antes de ver a resposta, para delimitar a área de desenho, eu havia feito o código da seguinte maneira:
function lidaComMovimentoDoMouse(evento) {
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
var raio = 5;
if(desenha && y > tamanhoQuadrados + raio) {
desenhaCirculo(x, y, raio, corAtual);
}
}
Após ver a resposta do instrutor, achei melhor manter minha versão, por não haver a necessidade de criar mais uma função e o resultado ser basicamente o mesmo, apesar de expandir a área de desenho para até um pouco mais próxima dos quadrados.
Aliás, nem haveria a necessidade de adicionar o raio, apenas adicionei porque me incomodava ter uma pontinha ainda desenhada sobre os quadrados.
Ainda assim, gostaria de saber: há algum problema nesta alteração? Ela pode me trazer maiores problemas em relação à versão do código do instrutor, em caso de outros usos ou usos similares?