• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

innerWidth - scrollBar

0 głosów
315 wizyt
pytanie zadane 25 października 2017 w JavaScript przez lastavenger Obywatel (1,060 p.)

Witam

Tworzę aktualnie mniejszy projekt w Canvas, a chcę sprawić by był na całej szerokości i wysokości okna przeglądarki. Po wpisaniu:

var canvas = document.querySelector('canvas');

canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

console.log(canvas.width);

Pojawiają mi się oba ScrollBary, ale w console logu pokazuje 1920 czyli raczej tak jak powinno być.  

1 odpowiedź

0 głosów
odpowiedź 26 października 2017 przez Schizohatter Nałogowiec (39,600 p.)
Body ma margines domyślnie, usunąłeś go?
komentarz 26 października 2017 przez lastavenger Obywatel (1,060 p.)
tak cały dałem na 0 w stylach

        body{
            margin: 0px;
            padding: 0px;
        }
komentarz 26 października 2017 przez Schizohatter Nałogowiec (39,600 p.)
Mam rozumiec że to czysty kod html, tylko szkielet i canvas? Jeśli tak to zerkne jak wrócę do domu, jeśli nie to wrzuć kod
komentarz 26 października 2017 przez Schizohatter Nałogowiec (39,600 p.)

U mnie

<body>
	<canvas></canvas>
	<script>
    var canvas = document.querySelector('canvas');
 
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
 
    console.log(canvas.width);
</script>
</body>

Działa jak trzeba jeśli usunę margin dla body.

Podobne pytania

+1 głos
1 odpowiedź 864 wizyt
0 głosów
1 odpowiedź 669 wizyt
pytanie zadane 1 stycznia 2019 w JavaScript przez Grzegorz :> Dyskutant (8,050 p.)
0 głosów
1 odpowiedź 593 wizyt
pytanie zadane 14 października 2018 w JavaScript przez Grzegorz :> Dyskutant (8,050 p.)

93,604 zapytań

142,529 odpowiedzi

322,997 komentarzy

63,092 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...