我有一個畫布裏面的div，我不能得到正確的大小

Question

我有一個div內的畫布，我希望畫布寬度等於div寬度的90％。

所以，舉例來說：

<div id="outerDiv" style="height:750px; width:1000px"> 
<canvas id="myCanvas"></canvas> 
</div> 

而且在js文件時，我開始在畫布上，我有：

window.onload = init; 

// Main initialization function 
function init() { 
initCanvas(); 
registerInputListeners(); 
iPhoneToTop(); 

} 

// Set up the drawing canvas 
function initCanvas() { 
    canvas = document.getElementById("myCanvas"); 
// Size canvas 
    canvas.width = $("#outerDiv").width * .9; 
    canvas.height = $("#outerDiv").height * .9; 
} 

這不是工作，並正在畫布真的小 - 2px乘2px。我究竟做錯了什麼？

我試圖登錄控制檯寬度：

var width = document.getElementById(outerDiv).outerWidth; 
console.log(width); 

，我得到這個錯誤：遺漏的類型錯誤：無法讀取屬性「outerWidth」的空

Answer 1

這是#outerDiv。你忘了#。另外我不認爲在jQuery對象中有width或height（假設$是jQuery）。