2015-10-17 2 views
3

Мой код:Могу ли я указать размеры холста с помощью vh и vw?

var canvas = document.getElementById("canvas"); 
ctx = canvas.getContext("2d"); 
ctx.canvas.width = 40vw; 
ctx.canvas.height = 40vh; 

и он не работает. Можно ли использовать vw и vh при настройке размеров холста в JavaScript? Если да, то как?

+1

Возможный дубликат http://stackoverflow.com/questions/1664785/resize-html5-canvas-to-fit-window – andyderuyter

+0

Вы должны установить количество пикселей с атрибутами 'width' и' height', значение которых равно целое число. Затем вы можете исказить его с помощью CSS. – Oriol

+0

@Oriol Это просто растягивает изображение для меня. Как я могу настроить атрибуты ширины и высоты как пропорции порта представления? – Jonah

ответ

1

Я понял, что могу использовать document.documentElement.clientWidth и document.documentElement.clientHeight для разработки vw и vh соответственно.

Смежные вопросы