CODEWITHSUNDEEP
javascripthtmlscrollbar
Tgwizman
Tgwizman

Reputation: 1538

Canvas window.inner(Width|Height) scrollbar offset?

I made a game that sets the width and height of the canvas as window.innerWidth and window.innerHeight, respectively. In theory, this should make it flush with the sides, yet I get scrollbars and a 4 pixel height blank to the bottom of the page. I set the margins and paddings to * as 0, thinking that would solve it, yet it's still like that.

I need to use the least amount of code as possible; this is for a future js1k compo.

Here's a screenie of the page Top-Left Scrolled Image, Bottom-Right Scrolled Image.

Any ideas on what is wrong or on how to fix it?

Upvotes: 5

Views: 2163

Answers (1)

Nevir
Nevir

Reputation: 8101

You're missing a display: block for your canvas element, or a <!DOCTYPE html> - they're inline by default unless you're in html5 mode.

Upvotes: 12

Related Questions