关闭画布宽度和高度计算

Question

我正在使用我在Git上找到的一些脚本，它会产生雪花效果。在代码中的某处，我必须设置生成雪的画布的宽度和高度。我将画布设置为窗口的全宽/全高：

canvas.width = $(window).width();
canvas.height = $(window).height();

但是当在浏览器中渲染时，在高度和宽度上都有一些额外的像素，为窗口添加滚动条。你可以在这里看到行为：Canvas；我不太确定为什么宽度/高度计算错误，或者是否有其他因素干扰了这些计算，使其大于实际的窗口宽度/高度。也许有人对这种行为有不同的看法，或者以前遇到过这种行为？

Answer 1

默认情况下，canvas元素是内联显示的，您可以阅读here了解类似的问题。

解决方案非常简单:)在画布元素中添加以下css代码：display: block;，滚动条应该会消失。

老答案：$(window).width()可以正常工作，但是我不知道为什么$(window).height()会返回太大的值。它还导致显示垂直滚动条，因为之前计算的宽度不包括水平滚动条的大小。