Konva - это фреймворк HTML5 Canvas JavaScript, который расширяет 2d-контекст, обеспечивая интерактивность холста для настольных и мобильных приложений.
1 ответ

KonvaJS - Как добавить форму с помощью триггера кнопки?

Простите за плохую грамматику- У меня проблема с тем, как добавить форму с помощью триггера кнопки. но не работает вот мой код: HTML <button id="btnCreateRectangle" class="btn-primary-blue">Button Text</button> И вот мой js: function add…
17 апр '20 в 06:14
0 ответов

Konva.js 2D-холст - функция опускания мыши для динамически загружаемых элементов работает только для последнего загруженного элемента

Я использую Konva js в качестве библиотеки холста. Я сохраняю каждый добавленный элемент отдельно в базе данных и загружаю их, когда пользователь снова входит в редактор. Для этого я перебираю объект, содержащий каждый узел в формате json. Я столкну…
09 авг '20 в 16:12
1 ответ

Konva позволяет динамически изменять текст Konva

Мой вопрос, можно ли динамически изменять текст Konva.text двойным щелчком и вводом нового текста с клавиатуры?
02 июн '20 в 02:07
0 ответов

Визуализируйте точки на 2D-плоскости в React с помощью боковых расстояний

Хотя это может быть вопрос, связанный с математикой, я считаю, что здесь он подходит. Я пытался визуализировать 1 точку в 2-мерном пространстве, у меня есть длина треугольника, это разносторонний треугольник со всеми сторонами разной длины. Если тре…
06 янв '20 в 02:16
1 ответ

Невозможно прочесть свойство 'apply' неопределенного Konva.js

Я пытаюсь найти объект с помощью метода find. Это только часть кода, чтобы продемонстрировать проблему. В общем, мне нужно найти объект из массиваShapes от Konvaфреймворк. Получил с помощью refs после рендеринга функционального компонента. import Re…
04 мар '20 в 01:28
1 ответ

Как прикрепить трансформатор Konvajs к нескольким формам, не склеивая их?

Я работаю над проектом дизайнерского инструмента на основе Konvajs, где вы сможете выбирать несколько фигур с помощью MouseClick+CntrlKey. Идея состоит в том, что после выбора первой формы создается и прикрепляется к ней Трансформер. Если вы удержив…
04 мар '20 в 19:33
3 ответа

Поменяйте курсор на Hover в react-konva

Я использую react-konva для создания UI для приложения. Я хочу, чтобы курсор превращался в указатель при наведении курсора на Rect. Есть документация о том, как это сделать с konva, но не для react-konva. Кто-нибудь может помочь?
12 мар '20 в 13:07
1 ответ

Как добиться увеличения при прокрутке в Angular Wint Konva

В течение нескольких дней я пытался найти способ увеличить Konva для моего приложения Angular. На моей html-странице в моем приложении есть несколько тегов ko-image с разными [config]. Я хочу поместить событие колеса на ko-stage, которое позволит мн…
20 мар '20 в 11:44
1 ответ

Создать участок дороги с помощью javascript

В моем приложении React я хочу создать не обычный form для создания участка дороги. Например, у меня есть такая схема в формате png. Но я хочу создать интерактивный редактор, в котором можно было бы создавать схемы, сохранять их на сервере и затем п…
22 мар '20 в 19:09
0 ответов

Якорные точки каскадных изображений

В моем файле мне нужно разместить на слое три картинки, которые накладываются друг на друга, а вторую можно трансформировать и перетаскивать. Я надеюсь, что точка привязки второго изображения может появиться на слое, не перезаписываясь третьим. Как …
31 мар '20 в 12:39
0 ответов

konva пользовательские формы как настроить стили

Я хочу определить новую форму. Теперь я написал класс, наследующий от shape. Могу ли я определить разные стили в функции _sceneFunc. Например, я хочу определить фигуру с красным прямоугольником и желтым прямоугольником.
03 апр '20 в 12:32
0 ответов

Использование пользовательских объектов модели в качестве поставщика v-for во Vue?

Новичок в Vue - учусь, пока я исследую. Я пытаюсь использовать настраиваемый объект в качестве источника данных для ситуации v-for. Пока не работает - признаю, я не уверен, как получить доступ к данным по имени в компоненте Vue. main.js import Vue f…
12 апр '20 в 06:58
0 ответов

отключить панорамирование одним пальцем в угловой библиотеке "ngx-pinch-zoom" и использовать два пальца для панорамирования

Я пытаюсь разработать приложение для рисования с помощью angular. Я использую конвайс для свободного рисования на холсте; Для моего приложения очень важно иметь возможности масштабирования и сжатия, поэтому я пытаюсь использовать библиотеку ngx-pinc…
26 апр '20 в 17:52
1 ответ

toDataURL() возвращает пустое изображение, если Konva не отображается

У меня есть приложение, в котором Konva изначально скрыта (это вторая "вкладка" вкладки на странице). Когда пользователь нажимает кнопку "Сохранить" на этой странице, я пытаюсь позвонить Stage.toDataURL()чтобы получить контент в Konva. Однако, если …
07 май '20 в 21:54
0 ответов

KonvaJS | Неправильное положение формы

У меня проблема о том, как расположить фигуру в соответствии с координатами x и y. Я пробовал следующее: var shapes = JSON.parse('<%=jsonArray%>'); for (var i = 0; i < shapes.length; i ++ ){ var shape = shapes[i]; var scale = 1; console.log…
08 май '20 в 10:08
1 ответ

Холст не рисует изображения - Electron + Vue

Пытаюсь рисовать изображения на своем холсте, но по какой-то причине не получается. Я пробовал использовать API Canvas по умолчанию, KonvaJS и FabricJS, но ни один из них не работал. Другие формы, такие как прямоугольники, круги и т. Д., Работают но…
10 май '20 в 19:02
1 ответ

Рисуем более высокий и худой шестиугольник Konva.js

Я хотел бы нарисовать "плоский" шестиугольник с помощью RegularPolygon, но хотел бы отрегулировать высоту и ширину. "Плоская" часть легко вращается на 30 градусов, но я не могу понять, как сделать ее выше и тоньше. Какие-либо предложения? Заранее сп…
31 дек '19 в 19:56
1 ответ

редактируемый текст на видео vue konva

Привет, ребята, я создал это приложение vuejs Canvas, и оно работает довольно хорошо, однако я хотел бы добавить к нему больше функций. Например, я хотел бы масштабировать текст, который находится поверх видео, с помощью какого-то поля вокруг текста…
21 янв '20 в 19:29
0 ответов

Метод Konva .draw перекрывает старую отрисовку, как это предотвратить?

В моем коде я перерисовываю прямоугольник каждый раз, когда пользователь перемещает указатель мыши, чтобы отслеживать его, но, как здесь сказано, метод.draw не удалит старый рисунок формы. Итак, мой вопрос: как удалить старый рисунок? Есть ли какой-…
17 фев '20 в 19:53
0 ответов

Проблема с изменением размера формы Konva после использования кеширования и фильтрации

Детали проекта на основе node.js используйте vue.js / javascript convas для vue Рабочий процесс проекта Проект включает этап со слоями и формами в нем. Пользователь может загружать изображения, которые затем отображаются в Konva. Если пользователь з…
16 мар '20 в 20:43