2015-10-17 65 views
3

我的代碼是:我可以使用vh和vw指定畫布尺寸嗎?

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

,它不工作。在JavaScript中設置畫布尺寸時可以使用vw和vh嗎?如果是這樣,怎麼樣?

+1

http://stackoverflow.com/questions/1664785/resize-html5-canvas-to-fit-window – andyderuyter

+0

可能的重複你應該設置像素數量爲'width'和'height'屬性,其值爲一個整數。然後,你可以用CSS來扭曲它。 – Oriol

+0

@Oriol這只是延伸了我的形象。我該如何設置寬度和高度屬性作爲視口的比例? – Jonah

回答

1

我意識到我可以用document.documentElement.clientWidthdocument.documentElement.clientHeight來分別計算出vw和vh。