Вопросы по теме 'html5-canvas'
addEventListener для нажатия клавиш на холсте
Я пытаюсь создать приложение на основе холста, которое реагирует на ввод с клавиатуры и мыши. У меня есть этот код:
canvas = document.getElementById('canvas');
canvas.addEventListener('mousedown', function(event) {
alert('mousedown');...
18.11.2023
Javascript/HTML5 Game dev — реализация простого прыжка. Работает с первого раза, не после
Это работает как заклинание при первом срабатывании. Но после этого он просто увеличивает playerYPos на 8 всякий раз, когда он срабатывает. Я пробовал все, что мог придумать, но не могу понять, почему.
var playerYPos = 188;
var playerJumpSpeed =...
21.01.2024
Преобразование холста, использующего метод drawimage, в png
У меня есть две кнопки, одна кнопка создает холст с изображением. Другие кнопки преобразуют холст в данные png (по крайней мере, это то, чего я хочу добиться).
Проблема в том, что JavaScript почему-то не преобразует холст в данные изображения....
26.10.2023
HTML5 Canvas: отрисовка не определена
Я пытаюсь следовать руководству Mozilla HTML5 Canvas здесь . но я получаю сообщение об ошибке:
Uncaught ReferenceError: draw is not defined
У меня есть свой сценарий как таковой:
<script...
19.01.2024
Эффект изображения с использованием CSS3 и HTML с вводом текста и кнопкой отправки
У меня есть изображение экрана входа в систему, как указано ниже:
Есть ли способ создать подобное изображение только с помощью CSS3 и HTML5? Где подчеркивание после «Имя пользователя:» и «Пароль:» — тип ввода = «текст» без границ (чтобы...
13.12.2023
Загрузка изображений в HTML Canvas
У меня есть набор изображений svg и некоторые атрибуты, которые я хотел бы загрузить на холст HTML. Цель состоит в том, чтобы загрузить изображения заданного размера и с заданными координатами x, y. Вот мой пример объекта:
var ObjectInstances =...
24.11.2023
Обнаружение более одного касания на HTML5 Canvas
Я пытаюсь определить, есть ли на холсте более одного касания. Следующий код выдает ошибку, когда есть только одно касание:
function get_touch(event){
cor_x = event.touches[1].pageX;
cor_y = event.touches[1].pageY;
}
29.11.2023
Воспроизведение 3 спрайтов последовательно без задержек
У меня есть большой спрайт-лист, и он не помещается в один спрайт-лист 2048. Поэтому я разделил его на 3 листа спрайтов (3 PNG, 2048x2048).
Но в моей игре он все равно должен играть как один цельный спрайт. Вот как я это делаю:
var sprite1 =...
27.12.2023
Как я могу добавить изображение внутри круга на холсте?
Я хочу вставить это изображение
var img=new Image();
img.src="https://dl.dropboxusercontent.com/u/139992952/stackoverflow/desert1.jpg";
В круг, который я рисую с помощью этой функции
function drawBall() {...
30.10.2023
Обнаружение всех пикселей в шестиугольнике с помощью JS/HTML5 Canvas
В javascript у меня есть карта, которую я хотел бы наложить на гексы и превратить эти гексы либо в зеленый (земля), либо в синий (вода) в зависимости от того, сколько земли находится в гексе. Я предполагаю, что это как-то связано с определением цвета...
05.12.2023
Как определить точную ширину fillRect() на основе ширины fillText()?
Я попробовал этот код ниже..
var text = "Sample Text";
var b1 = "Bold";
var txtContext = txtCanvas.getContext("2d");
var width = txtContext.measureText(text).width;
txtContext.fillStyle = "blue";
txtContext.fillRect(0, 0, width * 9.7, height);...
11.01.2024
Проблемы с отображением круговой диаграммы холста при использовании forEach
Я пытаюсь нарисовать «кусочки» круговой диаграммы холста из набора данных с помощью ванильного JavaScript. Идея состоит в том, чтобы использовать метод forEach для прохождения каждого свойства значения данных, чтобы получить "startAngle" и...
09.11.2023
Могу ли я включить выделение/захват прозрачных объектов в Fabric.js?
Я заметил, что если я установил fill объекта, чтобы сказать, rgb(0,0,0,0) , я не могу "схватить" объект для перетаскивания. Есть ли способ разрешить выбор прозрачного объекта?
Я хотел бы создать прозрачную рамку вокруг текстового объекта, чтобы...
30.10.2023
Как найти точку пересечения двух прямоугольников?
Я пытаюсь нарисовать два прямоугольника как одну фигуру и включить аннотацию угла, используя холст HTML5.
Готовая версия, которую я пытаюсь получить, выглядит примерно так:
Как найти точку пересечения внутреннего угла, чтобы узнать, где...
09.01.2024
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально
Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение
Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования
Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv)
Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..