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

Пользователь

от jonas_cruickshank , в категории: Компьютерные технологии , 8 месяцев назад

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

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от larue , 8 месяцев назад

@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.