JavaScriptを使用してキャンバスサイズを設定する

Question

私はhtmlに次のコードがあります：

_<canvas  id="myCanvas" width =800 height=800>
_

widthを_800_として指定する代わりに、JavaScript関数getWidth()を呼び出して幅を取得します。

_ <canvas  id="myCanvas" width =getWidth() height=800>
_

それを行う正しい構文は何ですか？私がやっていることはうまくいかないからです。

Answer 1

次のように幅を設定できます。

function draw() {
  var ctx = (a canvas context);
  ctx.canvas.width  = window.innerWidth;
  ctx.canvas.height = window.innerHeight;
  //...drawing code...
}

Answer 2

function setWidth(width) {
  var canvas = document.getElementById("myCanvas");  
  canvas.width = width;
}

Answer 3

これを試して：

var setCanvasSize = function() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}

Answer 4

これを試して：

var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
xS = w.innerWidth || e.clientWidth || g.clientWidth,
yS = w.innerHeight|| e.clientHeight|| g.clientHeight;
alert(xS + ' × ' + yS);

document.write（ ''）

iframeでも動作します。