Пустая страница при открытии файла HTML - PullRequest
0 голосов
/ 15 июня 2019

Я следовал учебнику Дерека Банаса на YouTube по созданию игры в тетрис. Но когда я открываю свой HTML-файл («Tetris.html») в Google Chrome, он просто открывает пустую страницу и ничего больше.

Я пытался обновить Chrome, но у меня последняя версия. Я также попытался открыть старые файлы HTML, без проблем. Мои файлы CSS, JS и HTML находятся в одной папке.

HTML-файл («Tetris.html»):

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">       
        <meta name="viewport" content="width = device-width, initial-scale = 1">
        <title>JavaScript Tetris</title>
        <link rel="stylesheet" type="text/css" href="mainstyle.css">
        <script src="TetrisBasic.js"></script>
    </head>
    <body>
        <canvas id='my-canvas'></canvas>
    </body>
</html>

CSS-файл ("mainstyle.css"):

body {
    text-align: center;
    background: #fff;
}
#my-canvas {
    background: #fff;
    margin-left: 10px;
    margin-top: 10px;
}

Я не включаю свой JS-файл ("TetrisBasic.js"), так как не думаю, что у него есть какие-либо проблемы. Скажи мне, если я должен иначе.

1 Ответ

0 голосов
/ 15 июня 2019

Это пусто, потому что ваш холст не имеет цвета. Цвет, предоставленный в css: #fff. Таким образом, если вы хотите увидеть холст на своей странице, вам нужно изменить фон или добавить какой-либо цвет рамки для вашего класса # my-canvas. Примерно так:

#my-canvas {
    background: #000;
    margin-left: 10px;
    margin-top: 10px;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...