Category: canvas

15
Апр
2021

Как проверить огромный массив объектов без for

Делая игру на node js столкнулся с долгой обработкой объектов. В массиве свыше 700 объектов, как можно проверять каждый, не тормозя сервер? То-есть чем можно заменить этот кусок кода, чтобы не было зависаний, если эта функция выполняется к…

13
Апр
2021

Canvas. Как задать путь персонажу?

Как можно перемещать персонажа по определённому пути?
Нужно чтобы "мадам" добралась до точки на карте, но останавливалась на каждой точке и при нажатии на кнопку "в универ" продолжала путь. т.е при нажатии кнопки делала…

09
Апр
2021

SVG Артефакты между клетками

Есть поле с клеток в svg. Расстояния между ними нет, но отображается так как будто есть (линии пространства между клетками которые при движении/изменении размера меняются).

Как это обойти? Подложку сделать нельзя, т.к. клетки будут разных…

07
Апр
2021

Изображение с canvas не сохраняется должным образом, просто пустое прозрачное изображение

Есть скрипт описанный на js который должен добавлять скриншот на canvas и отправлять его в обработчик php для дальнейшего сохранения. И этот скрипт работает почти хорошо, но первый скриншот всегда будет как пустое прозрачно изображение. На…

05
Апр
2021

Как нарисовать прямоугольник на SVG движением мыши?

Я нашел код на fiddle, который при движении мыши рисует (щелчок и перемещение линии).
Мое требование – обвести прямоугольник на SVG движением мыши таким же образом.
Возможно ли это, если да, то как?

//Canvas
const canvas = document.g…

27
Мар
2021

Ошибка получения Bitmap в другом классе

Суть проблемы в том, что я объявил bitmap в главном классе и при передачи его через разные классы и методы у меня не идет отрисовка объекта в нужном мне классе, вот например:
public class DrawBattlefield extends Thread {

/* какой-то код …

24
Мар
2021

Проблема загрузки картинок javascript

Мне понадобилось загружать картинку с компа на сайт, немного преобразовывать её с помощью canvas и закидывать на страницу. Но вот в чём проблема: некоторые картинки нормально загружаются, некоторых просто не видно(причем иногда видно, иног…

11
Мар
2021

Анимация JS в качестве фона для блока

Никак не соображу, как поставить анимацию фоном для блока div. При этом, поверх должны располагаться различные объекты (текст, картинка, кнопка). Пробовал z-index-ом, но безуспешно. Ко всему прочему, в идеале, хорошо бы вместо цветового то…

07
Мар
2021

Проблема с командой для бота на Discord

В общем я создал команду которая будет показывать карточку ранга. Получается всё хорошо работает, ну, написал всё правильно, но когда я пишу в чат команду я столкнулся с интересной ошибкой.

(node:13412) UnhandledPromiseRejectionWarning…

04
Мар
2021

Получить номер пикселя при наведении мышкой

Всем привет! У меня есть канвас размером 500 на 500 пикселей. С помощью мышки его можно масштабировать и перемещаться по нему. Никак не могу придумать как получить номер пикселя (номер состоит из двух цифр x и y) на который сейчас смотрит …

23
Фев
2021

Как передать в Canvas Graphics

Пытаюсь сделать так, но он выдает что то не понятное
Graphics g = c.getGraphics();
g.drawRect(0, 0, 50, 50);
c.paint();

Вот такую ошибку
Failed to execute goal org.codehaus.mojo:exec-maven-plugin:3.0.0:exec (default-cli) on project JavaDR…

21
Фев
2021

clearRect не очищает canvas

Имеется код:

const canvas = document.querySelector(‘canvas’);
const ctx = canvas.getContext(‘2d’);

canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

ctx.beginPath();
ctx.strokeStyle = ‘green’;

ctx.rect(50, 50, 40…

19
Фев
2021

Почему, при печати, canvas очищается, и больше на нём ничего не появляется?

При нажатии на кнопку "create rectangle", должен появляться квадрат, но почему, после нажатия на кнопку "print", этого не происходит?

var canvas = document.getElementById(“printable-area”);
var ctx = canvas.getConte…

08
Фев
2021

Как можно сохранить часть страницы SPA как html + css

Нужно сохранить блок со страницы SPA написанного на React, сохранить в формате html+css. Блок нужно сохранить со стилями, также в этом блоке присутствует канвас. Формирование и сохранение надо сделать на клиенте, подскажите с помощью какой…

07
Фев
2021

Расскажите о потере контекста в Webgl

Пытаюсь создать рисовалку на webgl2
Желательна поддержка большого количества слоёв (>10) в 128бит/пикс. формате
Почитал в интернете, оказывается, с каждым может случиться такая страшная вещь как потеря webgl контекста
В связи с этим соз…

04
Фев
2021

Не работает ховер на несколько элементов Canvas

Всем привет, использую готовый скрипт взятый на просторах интернета, и мне нужно сделать так что бы при наведении на каждый элемент canvas он отрабатывал, сейчас работает только один элемент, если я правильно понимаю то проблема гдето в п…