En pocas palabras, se detectan los eventos onmousemove, onmousedown y onmouseup. Se crea una función que observa, cuando es invocada, si el evento onmousedown está activo y, si lo está, dibuja un punto (puede ser un círculo) en las coordenadas actuales del ratón (se calculan utilizando datos que se obtienen del evento onmousemove: encontrarás muchas maneras de averiguar estas coordenadas). Si el evento onmousedown está inactivo, la función no dibuja nada y queda en espera.
Finalmente, la función se mete dentro de un temporizador que la llama continuamente (setInterval, setTimeout o requestAnimationFrame).
