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);

我收到此错误：未捕获的TypeError：无法读取null的属性'outerWidth'

Answer 1

这是#outerDiv。你忘记了#。另外我认为jQuery对象中没有width或height（假设$是jQuery）。

我在div中有一个画布，我无法正确调整大小

1 个答案: