获取浏览器对 Canvas 画布的高度限制 - 完整代码示例

要获取当前浏览器对 Canvas 画布的高度限制，可以使用以下方法：

1. 使用 document.documentElement.clientHeight 获取浏览器窗口的可见高度。
2. 使用 canvas.getBoundingClientRect().top 获取 Canvas 元素相对于浏览器窗口顶部的距离。
3. 使用 window.scrollY 获取页面滚动的垂直距离。
4. 将浏览器窗口的可见高度减去 Canvas 元素相对于浏览器窗口顶部的距离以及页面滚动的垂直距离，即可得到当前浏览器对 Canvas 画布的限制高度。

以下是使用 JavaScript 实现获取当前浏览器对 Canvas 画布的限制高度的示例代码：

var canvas = document.getElementById('myCanvas');
var canvasTop = canvas.getBoundingClientRect().top + window.scrollY;
var windowHeight = document.documentElement.clientHeight;
var canvasHeight = windowHeight - canvasTop;
console.log('当前浏览器对 Canvas 画布的限制高度为：' + canvasHeight + 'px');

注意，以上代码假设 Canvas 元素的 id 为 'myCanvas'。请根据实际情况修改 id 或选择其他方式获取 Canvas 元素。