Каким образом задать размеры Canvas?

@jonas_cruickshank 

Размеры Canvas можно задать с помощью атрибутов width и height в HTML-теге Canvas:

1

<canvas id="myCanvas" width="500" height="500"></canvas>

В данном примере Canvas будет иметь ширину и высоту в 500 пикселей.

Также можно задавать размеры Canvas с помощью CSS-свойств. Например, если вы хотите, чтобы ваш Canvas был шириной 100% от родительского контейнера и высотой 400 пикселей, можно использовать следующий CSS:

1
2
3
4

#myCanvas {
  width: 100%;
  height: 400px;
}

Но это может привести к искажению пропорций изображения на Canvas. Правильнее задать размеры сразу в HTML-теге Canvas.