Как нарисовать правильный круг на canvas?

Question

[Николай Ерофеев]

Здравствуйте, в канвасе новичок. В общем есть блок, ширина 80% относительно окна, высота 400px. Внутри канвас, с шириной и высотой 100%. Нарисовал круг

ctx.beginPath();
	ctx.arc(50, 50, 50, 0, 2 * Math.PI, false);
	ctx.stroke();

получилось это

Почему так? p.s. но при сохранении рисунка, рендерит правильный круг.

Answer 1

[Александр Таратин]

но при сохранении рисунка, рендерит правильный круг.

Канвас нужно тянуть не стилями, а через задание width и height

Answer 2

[twobomb]

https://jsfiddle.net/o918pe7w/2/