How can i declare canvas to fill the entire screen?

Asked Jun 02 '19 at 17:15

Active Jun 02 '19 at 17:15

Viewed 43 times

I got a map, and some point on top of some canvas i declared. My canvas is set to be screen width/height long but my point is somehow cut It feels like the canvas starting point is set to be at some lower point than the top of the screen.. how can i change that?

var canvasPoint = document.getElementById("point");
var canvasRout = document.getElementById("rout");

canvasPoint.width = screen.width;
canvasPoint.height = screen.height;
canvasPoint.style.position = "absolute";

canvasRout.width = screen.width;
canvasRout.height = screen.height;
canvasRout.style.position = "absolute";

var ctx = canvasPoint.getContext("2d");
var rout = canvasRout.getContext("2d");

I wanted the point to be at the top left corner but i got the position at the following point in the pic.

asked Jun 02 '19 at 17:15

Oded Ben-Noon

Try that already, did not work.. my point still do not starts at the beginning of the window. – Oded Ben-Noon Jun 02 '19 at 19:16
Put up a jsfiddle and show that. – Randy Casburn Jun 02 '19 at 19:20
At least read this then. Although it is about `width` it applies equally to `height`: https://stackoverflow.com/questions/37443482/what-is-the-difference-between-window-innerwidth-and-screen-width – Randy Casburn Jun 02 '19 at 19:22
1

Well, can you check the width and height of its container? and see it is also expanded to what you want? also you can try to override the paddings and margins for the canvas or its container. – Jamshaid K. Jun 02 '19 at 22:23
Jamshaid Kamran I did not declare the canvas inside container. – Oded Ben-Noon Jun 03 '19 at 11:22

How can i declare canvas to fill the entire screen?

0 Answers0