Javascript 将画布拉伸到全宽和全高，以便动态调整大小

我有一个页面，其中元素被动态地添加到彼此的下方（并且可以被拖动）。当元素数超过视口高度时，页面的高度会变长。用户将其拖出正常边界时也是如此——它会变得更宽

我可以用什么来追踪这件事<代码>$（窗口）.resize（）不起作用，因为窗口没有真正调整大小。我是否可以处理一个事件，而不是在拖动或添加元素时检查宽度和高度

---

.

在单击事件中，您希望将高度重新设置为文档高度

canvas.height = $(document).height();

---

或者，您可以：

$(document).bind('DOMSubtreeModified', function(e) {
    canvas.height = $(document).height();
});

但不建议这样做，因为它几乎在DOM发生任何事情时都会设置高度。你可以想象这有多过分。因此，最好对您知道会扩展页面内容的事件调用函数

还请注意，这在IE中可能不起作用，因为您可能希望创建自己的函数，以在某个时间间隔（例如50毫秒）检查文档的高度

---

你能为这个问题创建一个提琴吗？@V31 fiddle添加了：