Задать вопрос
ibr_98
@ibr_98
javascript

В чем проблема?

Помогите, сидел на одном сайте по обучения javascript и там давался вот такой код: "var context = canvas.getContext("2d");
context.fillRect(50, 50, 90, 50);" с помощью которого отрисовывался квадрат, пишу в сублай текст этот же код, а бразуер ничего не выдает (знаю, вопрос глупый, но буду признателен, просто когда пытался написать мини-игру по одному видео-туториалу с использованием канваса, тоже ничего не получилось)
  • Вопрос задан
  • 162 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
doniys_a
@doniys_a
Backend-разработчик (Php, node.js, python, ruby)
Потому что в вашем случае не объявлена переменная canvas
var canvas = document.getElementById('canvas'),
        context = canvas.getContext("2d");
    context.fillRect(50, 50, 90, 50)


Так работает в случае когда на странице есть canvas с аттрибутом id="canvas"
Полный исходный код:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<canvas id="canvas"></canvas>

<script>

    var canvas = document.getElementById('canvas'),
        context = canvas.getContext("2d");
    context.fillRect(50, 50, 90, 50)
</script>

</body>
</html>
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нарисовать проект Площадки для дизайнеров интерьеров
22 нояб. 2024, в 10:19
10000 руб./за проект
Сделать верстку двух страниц из фигмы
22 нояб. 2024, в 09:58
5000 руб./за проект
Доделать проект
22 нояб. 2024, в 09:57
3000 руб./за проект
Ещё заказы