Описание тега konvajs-reactjs

Описание тега Вопросы с тегом
React Konva is a JavaScript library for drawing complex canvas graphics using React. It provides declarative and reactive bindings to the Konva Framework.
1 ответ

Показывает ярлык реагирующей конвы, если посетил элемент конвы

Я использую React Konva 1.1.6 и учусь его использовать. В следующем коде я пытаюсь отображать метку рядом с указателем мыши каждый раз, когда моя мышь проходит над стрелкой конвы. Тем не менее, мой ярлык просто исчезает. Я что-то упустил в своем код…
05 ноя '18 в 19:02
1 ответ

Управление трансформатором в ограничительной коробке konva js

Я использую Konva JS в своем проекте, и я столкнулся с проблемой с Transformer. Я создал ограничивающую рамку на холсте для загрузки изображения, и я могу манипулировать ею (изменять размер / перемещать / вращать), но контроллеры Transformer наклады…
04 дек '18 в 20:47
1 ответ

Как KonvaJS обращается с рисунком на холсте

Мне очень нравится синтаксис Konva <Shape> <Layer> <Circle /> </Layer> </Shape> Однако исходный код сбивает меня с толку. Как я понимаю <Circle />фактически не возвращает элемент DOM при его рендеринге. Вместо это…
04 дек '18 в 19:53
0 ответов

Как использовать Konva Node с ReactJs

Я хочу использовать вложенность узла konva.js в приложении реакции. Мне нужна помощь о том, как его использовать. Заранее спасибо.
29 окт '18 в 08:37
1 ответ

Как создать контекстное меню Konva-React

Насколько я знаю, в Konva нет простого / встроенного способа создания контекстного меню для щелчка правой кнопкой мыши по объектам. Я занят работой над проектом, который требует использования контекстных меню, поэтому я решил создать свой собственны…
29 ноя '18 в 14:56
1 ответ

Исчезновение элементов изображения Konva

Я создаю своего рода редактор изображений с помощью Konva. У меня есть меню, где изображения выбираются и добавляются на сцену. Он работал нормально, пока я не добавил возможность добавлять несколько изображений. Публикация кода была бы очень трудое…
29 окт '18 в 16:22
1 ответ

Реагируйте на режимы смешивания Konva

У меня возникли проблемы при воссоздании смешанного режима между двумя узлами Rectangle с использованием реактивной конвой. До сих пор я пытался изменить порядок визуализации узлов, добавив дополнительные группы и применив к ним составную операцию и…
06 ноя '18 в 21:35
1 ответ

Konva - Невозможно полностью уничтожить сцену в реакции при размонтировании компонента.

Я использую API Konva непосредственно в своем компоненте реакции, и он работает отлично. У меня только одна большая проблема. Проблема заключается в том, что, когда компонент, содержащий контейнер ref, отключен, приложение реагирует на сбой, говоря,…
01 ноя '18 в 15:46
0 ответов

Использование React Konva с макетом сетки mdc для наложения видео

Я пытаюсь сделать реакцию Конвы на видео плеер. Я использую макет mdc-grid и думал, что объявление компонентов konva в ячейке будет работать, но это не так. Любые типы для получения абсолютной позиции игрока. Я приложил отрывок из моего рендера JSX.…
19 фев '19 в 18:00
1 ответ

Uncaught TypeError: Невозможно прочитать свойство 'getAbsoluteScale' из неопределенного

Я пытаюсь преобразовать круг, но он выдает ошибку. Я не понимаю, в чем заключается проблема, над которой я уже работал с преобразованиями Konva.Rect и нет такой ошибки. Присоединение трансформатора к Konva.Circle работает правильно, но когда мышь на…
16 янв '19 в 10:04
1 ответ

Как я могу получить свойства изображения, такие как scaleX в Reaction-Kova?

Как и в примере, показанном для фигуры, он имеет x,y, вращение и т. Д. https://konvajs.github.io/docs/select_and_transform/Transform_Events.html Изображение в Реакции-Конве также расширяет форму. Как я могу получить эти значения для изображения (с т…
14 янв '19 в 05:19
2 ответа

Невозможно загрузить изображения PDF в холст HTML5 как объект изображения с помощью Konva

Я не могу загрузить объект Konva Image на холст, если источником является PDF. Не выдается никаких ошибок, но холст остается пустым там, где должно быть изображение. Есть ли известные обходные пути для этого? Любые предложения приветствуются.
04 фев '19 в 23:41
1 ответ

Реагируйте на изменение конвы zIndex при перетаскивании

Привет, у меня есть небольшая игра с перетаскиванием, написанная на React konva. Мой перетаскиваемый фрагмент выглядит так (упрощен для удобства return this.props.areas.map((area) => <Image draggable=true {...area.imageProps} onDragStart={() =…
09 мар '19 в 01:56
1 ответ

Как дифференцировать реакцию элементов конвы в одном слое с помощью event.target?

Хорошего дня, Я пытаюсь контролировать событие отпускания мыши. Цель состоит в том, чтобы продолжить <Drawing> элемент, когда он попадает в <Label> и остановить удар, когда он выходит за пределы <Stage>, MouseLeaveHandler() на <…
23 апр '19 в 15:48
1 ответ

Прямоугольник не перерисовывается должным образом после трансформации в реактив-конве

Я использовал этот ( https://github.com/oasis10702/konva-simple-example) код в моем проекте, и все работает отлично. Тем не менее, обновление реакции и реакции-до последней версии вызывает у меня непреднамеренное поведение. При изменении размера пря…
02 май '19 в 09:13
1 ответ

Как сделать округло-перпендикулярные линии с помощью реаги-конвы?

Мне нужно сделать округло-перпендикулярные линии с помощью реакции-конвы, достижимо ли это с помощью существующих API? Если да, то как? Я использовал безье API для класса Line, он прекрасно работает. Как-то сейчас мне нужно переделать кривую Безье, …
11 май '19 в 23:54
1 ответ

Как установить HTML-идентификатор для элемента холста, отображаемого с реагирующей конвой

Я использую React-Konva в проекте для визуализации элементов HTML5-холста: import desktop_tea_1 from "./previews_desktop/tea_1.png"; const DesktopTea1 = () => { const [desktop_tea_1_const] = useImage(desktop_tea_1); return <Image image={deskto…
16 май '19 в 13:57
0 ответов

Как увидеть элемент вне рамки холста

Я сталкиваюсь с двумя проблемами ниже: Как повернуть форму, если мой поворот находится за рамкой холста, поверните форму С фоновым изображением я могу изменить его размер, но не вижу его, часть находится за пределами холста. Есть ли способ отобразит…
23 июн '19 в 17:36
1 ответ

Эквиваленты значений фильтра KonvaJS

Я пытаюсь найти эквиваленты значений фильтра KonvaJS CSS-фильтров на https://www.cssfilters.co/ Например, как я могу применить фильтр "1977" с KonvaJS. Я перепробовал много вариантов, но каждый раз получаю разные результаты. Также возможно ли дать з…
24 июл '19 в 04:42
1 ответ

Установить элемент поверх всех слоев холста

Я использую KonvaJS для создания холста, который может соединять "узлы" с помощью "соединений". Я создал 2 Layers, один NodeLayer и один ConnectionLayer, Я всегда хочу сделать NodeLayer на вершине ConnectionLayer, Итак, они отображаются следующим об…
19 авг '19 в 14:30