将div的边缘处理为JS窗口对象

Question

我是Javascript、HTML和CSS的新手。我通读了矩阵动画的代码（它不是我的）。

动画位于HTML:中的画布内

<canvas id="c"></canvas>

动画使用窗口的边缘来确定何时重置"下降"：

c.height = window.innerHeight;
c.width = window.innerWidth;

我想让动画检测div的边缘，我会把它放在画布上，如下所示：

 <div>
<canvas id="c"></canvas>
</div>

我的问题是：如何将window.innerHeight更改为表示div的对象，以便通过简单地更改div的尺寸来重新调整动画的大小？

Answer 1

给div一个ID，例如<div id='container'>，然后就可以进行

c.height = document.getElementById('container').offsetHeight;
c.width = document.getElementById('container').offsetWidth;

演示：http://jsfiddle.net/E3X78/1/