Как нарисовать четкую линию на canvas js?

Не получается нарисовать ни линюю, ни прямоугольный контур:
Проблемы:
1) Что контуры что линии получаются размытыми
2) Px по оси Y получаются больше чем по оси X, тоесть если рисовать квадрат получается прямоугольник вытянутый по высоте
На скриншоте -

ctx.strokeRect(30, 30, 40,40);
ctx.fillRect(0,0, 20,20);