Использование window.innerWidth и window.innerHeight приводит к появлению полос прокрутки - PullRequest
Новая
       26

Использование window.innerWidth и window.innerHeight приводит к появлению полос прокрутки

0 голосов
/ 10 декабря 2018

Я пытаюсь создать простой холст, который растягивается, чтобы полностью заполнить область просмотра, но я не хочу, чтобы появлялись полосы прокрутки, что происходит, если я пытаюсь изменить размер холста в JS, используя window.innerWidth и window.innerHeight.

Примечание: я не хочу изменять размер холста в CSS, потому что все элементы внутри растягиваются, поскольку, как я понял, CSS обрабатывает холст как img, а на самом деле нерастянуть разрешение холста.

Вот что получается: https://imgur.com/oX1HO4K

Это код: css: 

    html,
body {
    height: 100%;
    width: 100%;
    margin:0;
    padding:0;
}

/*canvas*/
#bg {
    background: #171629;
}

js: 

ctx.beginPath()
ctx.canvas.width  =  window.innerWidth
ctx.canvas.height = window.innerHeight


ctx.rect(20, 40, 50, 50)
ctx.fillStyle = "#e5e5e5"
ctx.fill()
ctx.closePath()
...