Описание тега react-konva

NoneReact-konva is a JavaScript library for drawing complex canvas graphics using React. It provides declarative and reactive bindings to the Konva Framework.
0 ответов

response-konva get <Group /> атрибуты в декларации подкомпонента

Я использовал React-Konva Group с 3 формами Rect внутри - все они отображаются в одном и том же месте, и единственной разницей является их ширина, поэтому я могу получить своего рода многоцветную технологическую панель. Это мой текущий код: import R…
28 ноя '18 в 07:13
0 ответов

response-Konva, отображающий каждый элемент массива состояний в <Label>

Хорошего дня, Я пытаюсь создать приложение, которое делает снимок экрана, а затем позволяет пользователю добавлять "Аннотации" для каждого строкового элемента в массиве состояний. Я использую React-Konva для достижения этой цели, и до сих пор я был …
28 янв '19 в 20:07
1 ответ

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

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

Анимировать фигуру вдоль линии или пути в конве

Возможно ли в Konva анимировать фигуру (маркер, круг) вдоль линии / пути. Я пытался вручную рассчитать позиции с течением времени, но это возможно только в том случае, если линия прямая от А до В, но меня интересует кривая Безье и несколько точек пу…
16 ноя '18 в 01:25
1 ответ

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

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

Конва Лайн не появляется

Привет, пока я писал код для веб-приложения с использованием React, я решил использовать библиотеку Konva для создания фигур. class Prism extends Component{ render() { return( &lt;p style = {col}&gt; &lt;Stage width={window.innerWidth/2} height={win…
21 фев '19 в 05:00
0 ответов

Пользовательская панель трансформации с кнопкой?

Есть ли способ настроить Transform konva? https://konvajs.github.io/docs/select_and_transform/Transform_Events.html Я хочу добавить какую-нибудь кнопку там, в выбранной области https://st ackru.com/images/0f0e9388e565567959d2a531cf402117e1cf37a4.png
12 фев '19 в 19:44
1 ответ

Получить dataUrl со стадии в Реакт-Конве

Я отрисовал сцену конвы с двумя изображениями, перекрывающими друг друга. Сейчас я пытаюсь экспортировать перекрывающееся изображение со сцены и холста. Я пытался получить const dataURL = this.stageNode.getStage().toDataURL();и добавил stageNode, ка…
23 дек '18 в 18:40
1 ответ

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

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

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

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

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

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

Добавьте независимый изменяемый размер контейнера вокруг текста в KonvaJs

Я прошел через работу Konva Labels. Но изменение размера тега в этом примере также изменяет размер текста. Я хочу, чтобы текст переносился или оставался одинакового размера при уменьшении и увеличении ширины контейнера соответственно. Это достижимо?
18 фев '19 в 10:35
1 ответ

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

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

Реакция-предупреждение konva не определена

Я пытаюсь узнать, как использовать canvas в реагировать через пакет под названием реагировать-конва. Установка npm была достаточно простой, и я добавил демо-код, который работает... // in MainComponent.js import {Stage, Layer, Rect} from 'react-konv…
11 июл '17 в 14:57
2 ответа

React konva применяет изменение x только для 1 прямоугольника при рендеринге массива

У меня есть массив объектов, как это: { id, width, height, margin }, И когда я отрисовываю этот массив и применяю эту информацию для реагирования на компонентkonva Rect следующим образом: { topSide.map((seat, index) =&gt; ( &lt;Rect id={seat.id} key…
11 дек '18 в 12:31
0 ответов

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

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

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

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

Реагировать на увеличение и уменьшение масштаба при прокрутке мыши на месте указателя не работает должным образом

Я пытаюсь нарисовать прямоугольник на изображении, используя ответную реакцию. Я хочу нарисовать прямоугольник при увеличении / уменьшении изображения относительно позиции указателя мыши и события колеса мыши, но проблема в том, что прямоугольник ри…
1 ответ

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

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

Как реализовать Canvas Scrolling с помощью Reaction-Konva?

Я пытаюсь реализовать прокрутку холста для холста больших размеров. Это хорошо задокументировано в javascript, но я застрял в реализации того же с использованием реакции. Если вы перейдете на эту страницу, вы увидите, что я пытаюсь реализовать трети…
01 мар '19 в 07:30