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

Question

[Виктор Климов]

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

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

Comments

[Stalker_RED]

Код в студию. В идеале, ссылка на минимальный пример в песочнице, типа jsfiddle или plnkr.

[FeNUMe]

У вас случайно на странице с примером масштаб не выкручен? Попробуйте нажать CTRL+0

[Виктор Климов]

Всем спасибо, разобрался.
Я сетил размеры через стили:
canvas.style.width =
а надо было через атрибуты
canvas.width =
 поэтому изменялись пропорции канваса

Answer 1

[Олег]

https://jsfiddle.net/xdcbm6pL/

Answer 2

[Анатолий Жаров]

Нужно задать для canvas свойства width и height, и пропорциональную им ширину и высоту в стилях