Вопросы, помеченные тегом «html5-canvas»

Canvas - это элемент HTML, который позволяет динамически отображать 2D-формы, 3D-фигуры, растровые изображения и анимацию с возможностью создания сценариев как в 2D, так и в 3D.
avatar
TheWizEd
19 февраля 2022 в 23:33
147
1

Получить HTML Canvas в Google Spreadsheet

Я пытаюсь добавить холст HTML в таблицу Google. Я нашел простой блокнот, в котором используются только html, css и javascript. Я создаю собственный диалог и включаю в него блокнот. Это прекрасно работает. Теперь я хочу отправить в электронную таблицу Google. Что у меня...
avatar
Tetra Pengwin
9 августа 2021 в 02:22
50
2

Скрипт не загружает свойства css из внешнего файла

вот мои 2 файла HTML: <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <canvas id=myCanvas></canvas> <script> var c=document.getElementById("myCanvas"); ...
avatar
The Codesee
8 августа 2021 в 14:49
55
2

Невозможно нарисовать одно и то же изображение на нескольких холстах

У меня есть три холста, примыкающих друг к другу, и изображение, которое я хочу нарисовать на двух из них. Приведенный ниже код рисует изображение дважды на одном холсте (по желанию), но не рисует его на другом холсте, как показано на снимке экрана ниже. С помощью...
avatar
etd2w
7 августа 2021 в 17:40
99
0

Перемещение объектов в 3D-пространстве на 2D-холсте js

У меня есть 2D-холст и камера, которую я могу вращать вокруг исходной точки. И я хочу перемещать объекты в этом "псевдо" трехмерном пространстве. У меня есть функция, которая принимает: вращение камеры (x, y, z), перемещение объекта (x, y, z) и положение мыши (x, y) и...
avatar
bihire boris
7 августа 2021 в 11:19
46
0

повторно используемый компонент с холстом, отображающим только последний

У меня есть компонент chartjs, который зависит от холста, однако я не могу использовать его повторно, так как он рисует только последний. как это исправить. небольшое пояснение приветствуется export default class LineGraph extends Component { chartRef =...
avatar
codestruggler
7 августа 2021 в 10:49
463
2

Как сохранить захваченное изображение с веб-камеры или устройства в папку сайта?

Я использую следующий код, чтобы с помощью камеры устройства захватить изображение, сделать фотографию и показать ее в браузере. Он работает нормально, но я хотел бы сохранить изображение с уникальным номером в папке веб-сайта и сохранить ссылку на него в базе данных....
avatar
MrEthanVlogsandGames
7 августа 2021 в 06:57
27
1

Как проверить, находятся ли 2 изображения холста на расстоянии менее x пикселей на холсте JS?

Я делаю игру, в которой NPC повсюду, и я хочу взаимодействовать с ними. Так что поместите изображение восклицательного знака над их головой, что математика хорошо сработала для позиций. Но проверить расстояние между игроком и NPC было моей проблемой. Я сократлю код,...
avatar
Bill in Kansas City
6 августа 2021 в 22:09
42
1

jQuery: можно перетаскивать со следующей строкой: визуальный индикатор «связать эти две вещи».

В Adobe AfterEffects вы можете связать слои друг с другом с помощью инструмента «родительский». (Наверное, так оно и называется, это было давно.) Вы нажимаете и удерживаете значок, а затем перетаскиваете его в место назначения. В качестве визуального индикатора он...
avatar
shubham kakade
6 августа 2021 в 10:39
118
0

Как интегрировать Google Adsense в игры Phaser 3?

Я пытаюсь использовать Google AdSense на своем веб-сайте, а также игры HTML5, созданные в Phaser 3. Есть ли способ интегрировать AdSense в игры HTML5. Если нет прямого способа интеграции в Phaser 3, то можем ли мы запускать открытие закрытия или обновление рекламы с...
avatar
Anton Medvedev
5 августа 2021 в 19:44
28
0

Пропадал кадр даже на самых простых примерах

Я создаю игру на холсте и использую профилировщик Chrome, чтобы найти проблемы с рендерингом и производительностью. Но он показывает много красного блока «Пропущенный кадр». let canvas = document.querySelector('canvas') let c =...
avatar
DaDuStMaN20
5 августа 2021 в 19:14
205
1

Есть ли способ отключить аппаратное ускорение на одной вкладке с помощью Google Chrome?

Я пытаюсь запретить веб-странице, которая не находится под моим контролем, создавать контекст webgl. Для этого он создает холст. Я знаю, что отключение аппаратного ускорения предотвратит это, но я не хочу использовать аппаратное ускорение для HDR-контента на YouTube....
avatar
Youstay Igo
5 августа 2021 в 13:41
137
3

strokeStyle() не меняет цвет для fillRect()

Итак, у меня есть холст. И я хочу нарисовать несколько заполненных прямоугольников разных цветов. Настоящий код очень длинный и имеет уровни зависимостей. Вот соответствующая часть: var c=document.getElementById("result"); //result is a canvas object var...
avatar
Treeston
3 августа 2021 в 21:03
58
0

Почему производительность холста падает после сна (0)?

Я работаю над инструментом обработки изображений в браузере и столкнулся со странной проблемой производительности в Firefox. Если я изменяю холст, то немедленно получаю данные изображения холста, данные извлекаются с ожидаемой высокой скоростью. Если я изменю холст,...
avatar
CSK
3 августа 2021 в 19:40
31
1

HTML Canvas, как добавить границу к нарисованному кругу

Я создал класс для моего игрока, круга, в игре на холсте, который нужно отрисовать, и хотел бы добавить сплошную границу, чтобы я мог использовать RGBA для добавления дополнительных стилей в мою игру. Глядя на статьи MDN...
avatar
A.Burdonskaya
3 августа 2021 в 14:21
24
0

Копировать область холста по координатам

У меня есть метод, который обнаруживает лицо на фотографии, а затем рисует вокруг него квадрат: const ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.lineWidth = width; ctx.strokeStyle = color; ctx.moveTo(bbox[0][0], bbox[0][1]); ctx.lineTo(bbox[1][0],...
avatar
public9nf
3 августа 2021 в 12:22
19
0

Создайте поле холста с 4 цветами - каждый цвет представлен в процентах от общего числа 100%.

Я везде искал решения, но не мог найти то, что подходило бы мне. Поэтому я сначала хотел бы знать, возможно ли это, прежде чем я попытаюсь приблизиться к решению. История такова: У меня есть квадратное поле a и 4 цвета (красный, синий, зеленый и желтый). Каждый цвет...
avatar
Farhan Ali
2 августа 2021 в 14:25
154
1

Как удалить вертикальную линию с холста react-chartjs-2?

Мне нужна помощь. Я разрабатываю проект в React JS. Я использую react-chartjs-2 для отображения диаграмм. Мне нужно добавить ползунок диапазона для диаграммы, чтобы управлять значениями по оси x и двум вертикальным линиям. Положение одной вертикальной линии на графике...
avatar
ammar26
2 августа 2021 в 13:49
110
1

Как включить эффект панорамирования холста HTML5

Я следую коду на https://www.geeksforgeeks.org/how-to-zoom-in-on-a-point-using-scale-and-translate/, где пользователь может увеличивать и уменьшать масштаб HTML 5 Canvas. Я хочу добавить функциональность Canvas Pan (чтобы можно было легко перемещать ряд объектов). Код...
avatar
Bowen
2 августа 2021 в 12:35
195
2

Холст заполняет область просмотра и сохраняет пропорции изображения

Я пытаюсь сделать так, чтобы область холста и изображение заполняли область просмотра без растягивания изображения и сохраняли соотношение сторон при изменении размера страницы. Ниже мой текущий код. var ctx = $("#demo")[0].getContext("2d"), img = new...
avatar
Pankaj Mohan
2 августа 2021 в 05:55
212
1

как преобразовать кадры GIF в спрайт-лист

Я пытаюсь объединить несколько кадров из GIF, чтобы преобразовать их в таблицу спрайтов. Я каким-то образом могу извлекать кадры, используя libgif.js вот мой код. Холст, на который я хочу поместить все свои изображения, пуст и в конце я не знаю, что с ним не так....