Вопросы по теме 'konvajs'
Масштабирование формы холста
Я использую холст с библиотекой konva и пытаюсь масштабировать элемент холста. Я могу легко уменьшить его с помощью CSS, но проблема в том, что фигуры, которые я там нарисовал, являются интерактивными. Когда холст масштабируется, элементы тоже...
428 просмотров
schedule
26.02.2024
Контекстное меню с Konva.js
У меня есть карта с несколькими объектами, такими как игроки, башни, враги и т. Д.
Они добавляются на карту с помощью этой функции:
const createCustomObject = (sides, radius, color, x, y) => {
let customObject = new Konva.RegularPolygon({...
766 просмотров
schedule
15.12.2023
Konva преобразовывает фигуры в DataUrl () приводит к пустому изображению
У меня Konva Stage с несколькими слоями, когда я пытаюсь преобразовать в изображение всю сцену - результат в порядке, когда я пытаюсь преобразовать слой - результат в порядке. Но когда я пытаюсь преобразовать фигуры, такие как Text, Image, Rekt...
463 просмотров
schedule
12.03.2024
Как нарисовать многостильный текст с помощью Konva?
Сейчас я использую KonvaJS.
Я знаю, Text рисует текст. Но он принимает только один стиль.
Вот мой код для отображения текста.
И я хочу сделать Konva цветом red и другие green .
Вы можете писать код в реальном времени здесь
355 просмотров
schedule
22.09.2022
Konva - реагировать на перетаскивание без перемещения элемента перетаскивания
Аналогично перетаскиванию без перемещения элемента в Konva, есть ли способ сделать то же самое с Konva-react?
Пробовал делать это. Но не удалось найти способ добавить клонированную форму обратно в слой.
Спасибо и любая помощь будет оценена по...
534 просмотров
schedule
13.03.2024
Как перетащить группу в Konva JS только из внутренней фигуры, а не из других областей группы?
Я хочу перетащить всю группу из центрального красного квадрата (см. скрипку )
но ограничить перетаскивание из внешнего прямоугольника, сохраняя при этом положение внутреннего прямоугольника внутри группы. Возможно, когда мышь опущена, я хочу,...
948 просмотров
schedule
16.01.2024
Как нарисовать перевернутый элемент на слое в KonvaJS
есть ли способ добавить в KonvaJS фигуру, которая рисует за пределами границ? По сути, это «дыра» в слое, так что я могу выделить пятно на холсте, сделав все вокруг круга темнее (черным с низкой непрозрачностью).
Любая помощь высоко ценится!...
599 просмотров
schedule
16.11.2023
Этап преобразования Konva в DataUrl() не работает в браузере Chrome, но хорошо работает в браузере Safari.
У меня есть Konva Stage с несколькими слоями, когда я пытаюсь преобразовать в изображение все этапы - результат в порядке в браузере Safari, когда я пытаюсь преобразовать этап в chrome, firefox и т. д. - результат не удается. Я думаю, что метод...
449 просмотров
schedule
23.10.2023
Как вернуть элемент ‹Rect/› в исходное положение после перетаскивания в React + Konva
вот моя попытка вернуть компонент Rect в исходное положение (ReactKonva):
var toolBarWidth = window.innerWidth * 0.2;
var toolBarHeight = window.innerHeight * 0.2;
class Toolbar extends Component {
state = {
x: toolBarWidth / 4,...
391 просмотров
schedule
14.11.2022
В React-Konva, как получить позицию щелчка по фигуре изображения в перетаскиваемой сцене
На Конве (а точнее React-Konva) есть Stage со слоем с изображением. Щелчок по этому изображению дает позицию щелчка по этому изображению. Но после перетаскивания (сцены или изображения) положение другое.
В коде React-Konva это выглядит примерно...
1109 просмотров
schedule
05.01.2024
Использование WebFontLoader с React Konva вызывает смещение текста?
Я пытаюсь нарисовать некоторые текстовые данные на холсте, используя веб-шрифт, с помощью библиотеки холста React Konva. Я загружаю веб-шрифты с помощью библиотеки WebFontLoader.
Конечно, есть небольшая задержка до полной загрузки шрифтов. Однако...
525 просмотров
schedule
21.03.2024
Konva.js: [Бесплатное рисование и перетаскивание и масштабирование] Не удается правильно рисовать с помощью указателя после перетаскивания или масштабирования
Любое обсуждение приветствуется. Спасибо за внимание!
Что я пытаюсь сделать
Я пытаюсь реализовать простую бумагу (доску) с помощью Konva.js.
Пока что я реализовал перетаскивание, масштабирование и свободное рисование на бумаге.
Я...
1609 просмотров
schedule
17.02.2024
Как создать видеокомпонент с помощью vue-konva?
С konva.js вы можете создавать видеокомпоненты на своем холсте. Здесь вы можете увидеть пример в документации ( https://konvajs.org/docs/sandbox/Video_On_Canvas.html ).
Сейчас я использую vue-konva и нет компонента для создания видео на холсте....
311 просмотров
schedule
02.10.2022
Сохраняйте пропорции сцены
Я пытаюсь установить соотношение сторон для элемента Stage, но безуспешно.
Например, для холста я бы написал следующее для пейзажа:
const dpr = window.devicePixelRatio || 1
const aspectRatio = 16 / 9
const canvasHeight = 1080 * dpr;
const...
44 просмотров
schedule
23.03.2024
Как растянуть изображение по размеру сцены во Vue Konva?
Я работаю с konva.js. У меня есть сцена, внутри которой есть изображение. Но когда я изменяю размер сцены, изображение будет обрезано, и я не смогу увидеть полное изображение. Есть ли способ растянуть изображение, чтобы оно поместилось внутри сцены...
188 просмотров
schedule
15.03.2024
KonvaJS всегда центрирует текст на этикетке
Прошу прощения за код, он в состоянии, с которым я активно играю.
В Konva JS я создаю ярлыки. По сути, это группа, у нее есть форма и текстовый элемент. Формы отрисовываются динамически из базы данных, и каждая строка db имеет координаты, форму...
222 просмотров
schedule
23.10.2023