Traçado de tela HTML5 () grosso e difuso

Estou tentando permitir que o usuário desenhe um retângulo na tela (como uma caixa de seleção). Estou obtendo resultados ridículos, mas percebi que mesmo tentando o código da minha referênciaaqui, Recebo grandes linhas difusas e não sei por que.

está hospedado emdylanstestserver.com/drawcss. o javascript está embutido para que você possa conferir. Estou usando o jQuery para simplificar a obtenção das coordenadas do mouse.

questionAnswers(7)

yourAnswerToTheQuestion