Войти
Регистрация
Спроси ai-bota
В
Все
М
Математика
О
ОБЖ
У
Українська мова
Д
Другие предметы
Х
Химия
М
Музыка
Н
Немецкий язык
Б
Беларуская мова
Э
Экономика
Ф
Физика
Б
Биология
О
Окружающий мир
Р
Русский язык
У
Українська література
Ф
Французский язык
П
Психология
А
Алгебра
О
Обществознание
М
МХК
В
Видео-ответы
Г
География
П
Право
Г
Геометрия
А
Английский язык
И
Информатика
Қ
Қазақ тiлi
Л
Литература
И
История
Показать больше
Показать меньше
av2164
04.01.2020 03:35 •
Информатика
Создайте проект, в котором событие click для кнопки установит размеры 120х80, исчисления площади прямоугольника, и нарисует прямоугольник черного цвета. запишите соответствующий фрагмент программы и результаты ее тестирования
Показать ответ
Ответ:
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 оценок)
Популярные вопросы: Информатика
olgauschap1
20.09.2022 03:07
Создайте таблицу для определения стоимости украинских банкнот в долларах, евро и фунтах стерлингов. предусмотрите сохранение курсов доллара, евро и фунтов стерлингов...
anayaremenco
13.09.2022 19:29
Сообщение о программе paints в компьютере....
zb2004
27.06.2021 01:49
Берут случайное выражение из 3 переменных , которое содержит коньюнкцию и дизьюнкцию , и делают таблицу истинности по нему...
zill81
23.10.2021 03:01
Оберіть вкладку на якій розміщується образи виконавця 1.Скрипти 2.Образи 3.Звуки 4.Правка 5.Редактор образу...
Саша11111111111уу
25.11.2021 07:55
Задание 2. Составление программ на языке Pascal.Все задачи должны быть выполнены поэтапно:а Найти периметр треугольника по заданным сторонам: p-a+b+cб. Вывести площадь...
PakiPusy
23.11.2022 17:30
Запишите значение переменной s, полученное в результате выполнения следующего алгоритма. а := 100 s := 24 нц для b от 1 до 10 а := а - 5 кц s := s * a...
есенина1920
09.12.2022 03:54
Какое из неравенств выполняется для чисел А = 362 7 , В = 1110111 2 и С = C7 16 ?...
Вовка300
13.03.2020 05:54
Ребус по информатике 6 класс, тема схема. Очень нужна...
tanyabober
16.10.2021 21:33
Какой оператор надо вставить вместо многоточия, чтобы вывести на экран все элементы массива A[N] с четными номерами? В ответе не используйте пробелы. k = 0; while ( k...
Danielufa
16.10.2021 21:33
РЕШИТЬ ВЕСЬ ТЕСТ УМОЛЯЮ ДАМ...
Полный доступ
Позволит учиться лучше и быстрее. Неограниченный доступ к базе и ответам от экспертов и ai-bota
Оформи подписку
О НАС
О нас
Блог
Карьера
Условия пользования
Авторское право
Политика конфиденциальности
Политика использования файлов cookie
Предпочтения cookie-файлов
СООБЩЕСТВО
Сообщество
Для школ
Родителям
Кодекс чести
Правила сообщества
Insights
Стань помощником
ПОМОЩЬ
Зарегистрируйся
Центр помощи
Центр безопасности
Договор о конфиденциальности полученной информации
App
Начни делиться знаниями
Вход
Регистрация
Что ты хочешь узнать?
Спроси ai-бота
```html
```
В этом проекте использован тег `