В
Все
М
Математика
О
ОБЖ
У
Українська мова
Д
Другие предметы
Х
Химия
М
Музыка
Н
Немецкий язык
Б
Беларуская мова
Э
Экономика
Ф
Физика
Б
Биология
О
Окружающий мир
Р
Русский язык
У
Українська література
Ф
Французский язык
П
Психология
А
Алгебра
О
Обществознание
М
МХК
В
Видео-ответы
Г
География
П
Право
Г
Геометрия
А
Английский язык
И
Информатика
Қ
Қазақ тiлi
Л
Литература
И
История
av2164
av2164
04.01.2020 03:35 •  Информатика

Создайте проект, в котором событие click для кнопки установит размеры 120х80, исчисления площади прямоугольника, и нарисует прямоугольник черного цвета. запишите соответствующий фрагмент программы и результаты ее тестирования

Показать ответ
Ответ:
goldin1337
goldin1337
22.01.2024 21:43
Хорошо, вот фрагмент программы на языке JavaScript:

```html



Рисование прямоугольника







```

В этом проекте использован тег ``, который позволяет рисовать графические элементы на веб-странице. При клике на кнопку "Нарисовать прямоугольник" вызывается функция `drawRectangle()`, которая выполняет необходимые действия.

1. Получаем элемент `` с помощью `document.getElementById("myCanvas")` и создаем контекст рисования `ctx` для него.
2. Устанавливаем размеры прямоугольника с помощью `canvas.width = 120` и `canvas.height = 80`.
3. Очищаем холст с помощью `ctx.clearRect(0, 0, canvas.width, canvas.height)`. Это необязательное действие, но оно помогает избежать наложения прямоугольников при последовательных кликах на кнопку.
4. Рисуем прямоугольник с помощью `ctx.rect(0, 0, canvas.width, canvas.height)`. Параметры функции `rect` указывают координаты и размеры прямоугольника.
5. Заполняем прямоугольник черным цветом с помощью `ctx.fillStyle = "black"` и `ctx.fill()`.
6. Заканчиваем рисование с помощью `ctx.closePath()`.

После вставки данного кода в HTML-документ, при клике на кнопку "Нарисовать прямоугольник" на странице будет отображаться черный прямоугольник размерами 120х80.

Я рекомендую записать этот код в отдельный HTML-файл, открыть его в веб-браузере и проверить, что прямоугольник корректно отображается после клика на кнопку.
0,0(0 оценок)
Популярные вопросы: Информатика
Полный доступ
Позволит учиться лучше и быстрее. Неограниченный доступ к базе и ответам от экспертов и ai-bota Оформи подписку
logo
Начни делиться знаниями
Вход Регистрация
Что ты хочешь узнать?
Спроси ai-бота