Js скрипты не работают - PullRequest
0 голосов
/ 17 мая 2019

Так что у меня есть этот действительно базовый js-скрипт, связанный в HTML, он не выдает ошибок, когда я пытаюсь его запустить, но он просто не делает то, что должен.Вот код:

var canvas = document.getElementById("canvas"),
  c = canvas.getContext("2d"),
  width = canvas.width = window.innerWidth,
  height = canvas.height = window.innerHeight;
c.fillRect(0, 0, 50, 50);
<!DOCTYPE html>
<html>

<head>
  <script type='module/javascript' src='main.js'></script>
</head>

<body>
  <canvas id='canvas'></canvas>
</body>

</html>

Это должно просто нарисовать квадрат в верхнем левом углу, но ничего не делает.Первоначально это был довольно большой файл, но я сократил его до этого просто как подтверждение концепции.Как видите, фрагмент работает, а Chrome - нет.

1 Ответ

0 голосов
/ 17 мая 2019

Ваш скрипт запускается до объявления холста.Во время запуска скрипта ваш объект canvas dom не определен.Кроме того, измените тип на text / javascript.Изменить на это:

<!DOCTYPE html>
<html>

<head>

</head>

<body>
  <canvas id='canvas'></canvas>
  <script type='text/javascript' src='main.js'></script>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...