【问题标题】:Canvas window.inner(Width|Height) scrollbar offset?Canvas window.inner(Width|Height) 滚动条偏移?
【发布时间】:2012-05-17 13:26:45
【问题描述】:

我做了一个游戏,将画布的宽度和高度分别设置为 window.innerWidth 和 window.innerHeight。从理论上讲,这应该使它与侧面齐平,但我在页面底部得到滚动条和 4 像素高度的空白。我将边距和填充设置为 * 为 0,以为可以解决它,但它仍然是这样。

我需要使用尽可能少的代码;这是为未来的 js1k 组合准备的。

这是页面Top-Left Scrolled ImageBottom-Right Scrolled Image的屏幕截图。

关于什么是错误的或如何解决它的任何想法?

【问题讨论】:

  • 我的文档类型为<!DOCTYPE html>,但我在html末尾添加了5,现在一切都很好:D

标签: javascript html scrollbar


【解决方案1】:

您的画布元素缺少 display: block<!DOCTYPE html> - 默认情况下它们是内联的,除非您处于 html5 模式。

【讨论】:

  • 我在 chrome 中测试我的游戏,所以这应该不是问题。不过我确实找到了解决办法。发表我的评论(上图)作为答案,我会将其作为接受的答案
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-09-24
  • 2012-10-28
  • 2011-07-08
  • 1970-01-01
  • 2020-08-16
  • 1970-01-01
  • 2023-01-11
相关资源
最近更新 更多