JavaScript: HTML5 Canvas

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела

HTML5 Canvas Изменение маштаба div-a https://www.cyberforum.ru/ javascript-canvas/ thread2599571.html
Здравствуйте. Я столкнулся с проблемой над которой долго ломаю голову. А проблема это в том что я не знаю как сделать свободное увеличение/уменьшение размера div. Как тут : http://pxls.space/ Тут холст спокойно изменяет размер а шапка и подвал статичны. Как мне сделать то же самое? HTML5 Canvas Сделать так, чтобы радиус врага и игрока при поглощении желтого кружка увеличивался на 1/10 радиуса поглощенного кружка.
Здравствуйте. Нужна помощь. Создала игру на JS, файл прикреплен. Еще нужно сделать так, чтобы радиус врага и игрока при поглощении желтого кружка увеличивался на 1/10 радиуса поглощенного кружка. Как это сделать? не особо понимаю((( Если не сложно, просто дополните js кодом и пришлите сюда. Заранее большое спасибо!:) Игра:

HTML5 Canvas 2d canvas поворот проекции от определенной точки на экране, с сохранением положения Всем здравствуйте. В заранее извините, если пишу не в том разделе. Есть некий объект/объекты на плоскости, проекцию которой я, вращаю относительно точки нажатой на экране. Используя функцию rotate() Точку, относительно которой происходит вращение, получаю за счет смещения проекции translate() // сделаем первое вращение на 45 градусов относительно координат (100, 100) // базовая... https://www.cyberforum.ru/ javascript-canvas/ thread2594964.html HTML5 Canvas Как убрать размытие пикселей https://www.cyberforum.ru/ javascript-canvas/ thread2592149.html
Здравствуйте, я столкнулся с проблемой размытия пикселей и линей. Допустим рисую canvas.beginPath(); canvas.moveTo(0,0); canvas.lineTo(100,100); canvas.stroke(); Получаю размытую линию. Значение как видите целочисленное.В чем проблема?

Деление координат мыши HTML5 Canvas
Здравствуйте, я столкнулся с проблемой - деление координат мыши на зоны. Представим : у нас есть поле на холсте canvas. С помощью канваса я нарисовал квадраты 10 на 10. Поле 1000х1000 пикселей. Я пытаюсь сделать так что бы мышь нажимала на квадрат и получала координаты. Допустим нажму на первый квадрат на поле и получу x0,y0. Нажму на 2 получу x10,y10. И т.д. Я почти это реализовал только... HTML5 Canvas Холст мешает нажатиям Здравствуйте, я столкнулся с проблемой - один холст canvas не дает мне нажимать на другой холст canvas. <div style="position:relative;"> <canvas width="300" height="300" id="pl2" style="position:absolute; top0;"></canvas> <canvas width="300" height="300" id="pl1" style="position:absolute; top0;"></canvas> </div> С помощью этого я пытаюсь реализовать z-index на canvas. Я рисую... https://www.cyberforum.ru/ javascript-canvas/ thread2591602.html

HTML5 Canvas Canvas и стек https://www.cyberforum.ru/ javascript-canvas/ thread2590411.html
Для объектно-ориентированной программной модели стека разработать пользовательский графический интерфейс. Часы на произвольном фоне (html) HTML5 Canvas
<canvas height="600" width="600" style="width:300px;height:300px;margin:0 auto;position:relative;display: block;" id="example"> У вашего браузера нет поддержки canvas </canvas> var i = 0; var CColor = "#383840"; // Цвет стрелок var CBackground = "#FFF"; // Цвет фона var CSeconds = "#D14"; // Цвет секундной стрелки var CSize = 600; //Размер поля var CCenter = CSize / 2; //Радиус круга

HTML5 Canvas Отрисованные объекты и слушатель событий Решил заморочиться изучением html технологий, rip flash. Просмотрел пару примеров для начинающих, и практически сразу встал в тупик. Мне нужно взаимодействие с отрисованной на канвасе картинкой. К окну претензий нет clEv(){ window.addEventListener("click", e =>{ alert("Мне надо к элементу ****, а не к окну"); }); }, https://www.cyberforum.ru/ javascript-canvas/ thread2582140.html HTML5 Canvas Задача на khanacademy.org Здравствуйте! Не получается справиться с задачей при изучении JS. Делаю анимацию, как облака расходятся от солнца. Нужно левое облако на 1 пиксель сместить влево, правое облако на 1 пиксель вправо внутри функции. Код и описание задачи на английском отправлю. Challenge: Parting Clouds (Report a problem) Part the clouds! The clouds are hiding the sun now, and we want to animate them... https://www.cyberforum.ru/ javascript-canvas/ thread2569098.html

Не работает игра HTML5 Canvas
Здравствуйте. Я пробую создать игру по примеру с видео: 1ieQD20Cs0o Но проблема в том, что игра не корректно отображается. Помогите, пожалуйста <!DOCTYPE html> <html> <head>

HTML5 Canvas Игра на J, прототип флеппи берд Здравствуйте! Не могу сдать лабораторную с игрой... прототип переделала под себя, но не могу добавить следующие условия! может кто знает как сделать? Можно обговорить условия... Игровое поле представляет собой небо. На нем располагаются о

j2FunOnly

the hardway first

2461 / 1836 / 906

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

Сообщений: 3,603

18.03.2020, 16:03 0

Закрасить canvas по клику ЛКМ - HTML5 Canvas - Ответ 14344745

18.03.2020, 16:03. Показов 1934. Ответов 2

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

Сообщение было отмечено long399 как решение

Решение

Сообщение от long399

С javascript "на ты"

Хм... "на ты" - это когда хорошо разбираешься в чём-то. Диссонанс

У вас скрипт выполняется в <head> - DOM ещё даже не появился. Нет обработчика onmouseclick, есть onclick. Значение цвета вы берёте один раз, больше значение переменной color не изменится.

PHP/HTML

<html>
 
  <head>
  </head>
 
  <body>
    <canvas id="canvas" width="400" height="400" style="border: solid;"></canvas>
    <input style="width:110px" type="color" id="color">
 
    <script>
      var canvas = document.getElementById("canvas"); // канвас
      var ctx = canvas.getContext('2d'); // контекст для рисования
 
      canvas.onclick = function() {
        // закрасить канвас в цвет color 
        var color = document.getElementById('color').value; // значение цвета
        ctx.fillStyle = color;
        ctx.fillRect(0, 0, 400, 400);
      };
 
    </script>
  </body>
 
</html>

Вернуться к обсуждению:
Закрасить canvas по клику ЛКМ HTML5 Canvas

Следующий ответ

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

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

Сообщений: 116,782

18.03.2020, 16:03

Готовые ответы и решения:

[Win API] Загрузить и вывести BMP - изображение по клику ЛКМ
Здравствуйте! Подскажите каким образом можно вывести изображение по клику Левой кнопки мыши ...

Закрасить Canvas
проблема вот в чем...на канве вывожу план аудитории,он выводится,затем меняю на другую аудиторию и...

Закрасить ячейку в Stringgrid по клику
Такая проблема - нужно, чтобы при клике на ячейку в Stringgrid она окрашивалась в определенный цвет...

Закрасить четырехугольник в Canvas
Можно ли залить четырехугольник цветом в canvas?

	18.03.2020, 16:03

IT_Exp

Эксперт

87844 / 49110 / 22898

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

Сообщений: 92,604

18.03.2020, 16:03

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

Выбрать числа из STRNGD и закрасить их по клику
Необходимо создать аналог заполнения комбинации лото "5 из 36". Есть STRNGD заполненная числами...

Как закрасить область рисунка по клику мышкой?
Мне нужно нарисовать в C# дом и я его нарисовал с помощью геометрических фигур. Теперь надо, что бы...

Как закрасить свободную часть в Canvas?
Доброе время суток, у меня появилась такая вот проблема : хочу закрасить в канвасе свободную...

Закрасить фон canvas в соответствии с выбором пользователя
есть combobox. в нем пункты-цвета. надо выбирать цвет и закрашивать конву этим цветом. ...

Наверх