HTML5 Canvas всегда имеет полосу прокрутки

Question

У меня есть этот холст на моей веб-странице, но всякий раз, когда я загружаю его, каким бы образом я ни изменял размер экрана, он всегда заканчивается полосой прокрутки для горизонтальной и вертикальной осей.Как я могу это исправить?Мой монитор имеет другое соотношение сторон, так это как-то влияет?Я не могу дать какой-либо код ссылки, так как я даже упоминаю, что ширина и высота - это первый раз, когда я устанавливаю значения:

canvas.width = 1280;
canvas.height = 720;

Справка будет очень признательна, я в некотором родекризиса прямо сейчас XD

РЕДАКТИРОВАТЬ: Это своего рода не имеет значения, но вот весь мой код на codepen

Answer 1

Просто добавьте размер поля:

canvas {
        box-sizing: border-box;
        border: 1px solid black;
        height: 100vh;
        width: 100vw;
}

Причина появления полос прокрутки в том, что элемент canvas использует границу, которая превышает границы окна.

Answer 2

Попробуйте свойства vh и vw в css.Следует использовать ваши экраны по вертикали по умолчанию.Должно помочь.Установите их на 100.