HTML5 画布调整大小以适应父元素

8 浏览
0 Comments

HTML5 画布调整大小以适应父元素

我想要调整画布元素的大小，使其适应其父元素，无论是（全屏）还是其他。这是我的尝试：

// 每帧调用
function update() {
    var canvasNode = document.getElementById('mycanvas');
    canvasNode.width = canvasNode.parentNode.clientWidth;
    canvasNode.height = canvasNode.parentNode.clientHeight;
}

由于某种原因，画布不停地增长！也许client*不是正确的参数？

在这里查看代码运行情况：

http://jsfiddle.net/ARKVD/24/

0