javascript - 画布宽度和高度计算已关闭

Question

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

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

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

score 1 · Accepted Answer

该canvas元素默认内联显示，您可以在此处阅读有关类似问题的信息。

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

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

1 回答 1