Изменить заливку объекта в canvas

04.02.2018, 23:38. Показов 828. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Здравствуйте! Пожалуйста, помогите.
Я пишу программу, связанную со сменой фона в canvas по нажатию кнопок. Однако возникла проблема с тем, что сначала загружается необходимая мне функция, и цвет меняется, но потом происходит повторная загрузка без необходимых переменных, и цвет меняется обратно.
Ниже привожу свой набросок.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html><head><title></title> 
<script type = "text/javascript">
    var canvas, ctx, w, h;
        var img;
        var rotate;
        function init(i) {
            var arr = ["yellow", "red"];
            w = document.getElementById("canvas").width;
            h = document.getElementById("canvas").height;
            ctx = canvas.getContext("2d");
            ctx.clearRect(0, 0, w, h);      
            ctx.fillStyle = arr[i];
            ctx.fillRect(0, 0, w, h);
            ctx.strokeRect(0, 0, w, h);
        }
</script>
</head>
<body onload="init()">
    <canvas id="canvas" width="300" height="300"></canvas>
    <form>
    <br/>
    <input type=submit name='colour' value='yellow' onclick="init(0)" />
    <input type=submit name='colour' value='red' onclick="init(1)" /></form>
</body>
</html>

Добавлено через 1 час 8 минут
У меня получилось!
Всем спасибо

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

04.02.2018, 23:38

Ответы с готовыми решениями:

Как изменить вид курсора при наведении на элемент в canvas
Добрый день. Ничего не выдает дельного поисковик по этому поводу.

Изменить заливку
Можно ли в OC Windows 7 изменить цвет заливки окон? Не Оболочку(рамку) а именно фон внутри окна.:scratch:

Изменить заливку круга по нажатию клавиши
Помогите сделать задание: Составьте программу по следующему сценарию: на экране нарисована желтая окружность. При нажатии на клавишу...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

04.02.2018, 23:38

Помогаю со студенческими работами здесь

Как изменить заливку ячейки в зависимости от значений в другой ячейке?
Привет! Подскажите... Спасибо. ОлеГ

Нужно найти ячейки на листе залитые неким цветом, удалить их содержимое, и изменить заливку на прозрачную.
Господа. Помогите пожалуйста чайнику. Возможно тема и не нова, но очень надо. Ситуация такова: нужно найти ячейки на листе залитые неким...

Создание объекта в Canvas. Как?
Как мне сделать так, чтобы объекты спавнились в Canvas for (int i = 0; i < 9; i++) { int RandY =...

Копирование изображения из объекта Canvas
Есть некоторый экземпляр класса Canvas. Мне нужно скопировать изображение этого Canvas в другой Canvas или же в другой Bitmap для...

Перемещение объекта по canvas WPF
Здравствуйте! Есть задача перемещения влево и вправо элипса по нажатию созданных на форме кнопок "Left" и "Right" , как...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .

Наверх