Вопросы по теме 'konvajs'
konvajs: расположение элемента не меняется после перетаскивания
Итак, с konva.js у меня есть группа с двумя текстовыми элементами. Я сделал группу draggable . После перетаскивания я распечатал x и y для текста, но он никогда не менялся:
group.on('dragend', function() {
var group = this;
var t =...
787 просмотров
schedule
14.05.2022
konva.js перетащите и поверните
Я хочу нарисовать изображение, которое можно вращать, перетаскивать и изменять размер. Я создал JSFiddle: https://jsfiddle.net/iu1340/esrfydsL/
Я могу перетащить и изменить размер
но когда я поворачиваю изображение ， расположение узлов...
1395 просмотров
schedule
16.02.2023
Объединение нескольких структур imageData в один холст
Я использую Konvajs framework для работы с canvas . Мне нужно создать три фигуры (слота) и произвести некоторые манипуляции. Это работает, но мне также нужно работать с пикселями, я получаю изображение через getImageData , сохраняю его во...
434 просмотров
schedule
21.05.2024
Изображение должно быть добавлено в группу перед добавлением группы в слой?
Я нахожу потенциальную ошибку в KonvaJS. Или я не уверен в возможностях ...
1) Создайте слой и добавьте его на сцену
2) Создайте группу и добавьте ее в слой
3) Создайте узел изображения и добавьте его в группу (обратите внимание, что мои...
1099 просмотров
schedule
30.10.2022
react-konva предупреждение "Konva" не определено
Я пытаюсь узнать, как использовать холст в реакции с помощью пакета под названием react-konva. Установка npm была достаточно простой, и я добавил немного работающего демонстрационного кода ...
// in MainComponent.js
import {Stage, Layer, Rect}...
1180 просмотров
schedule
26.03.2022
Изображения не отображаются полностью, пока не щелкнет мышью
Я обнаружил, что изображения не отображаются, как показано ниже. Это холст, который я использую konva.js. И сцена перетягивается: правда. Я обнаружил, что изображения теперь будут отображать событие, если я щелкну этот холст при перетаскивании:...
443 просмотров
schedule
15.05.2023
KonvaJS прогрессивная загрузка изображений
Следуя примеру изображения KonvaJS здесь: руководство по изображению HTML Canvas
Я пытаюсь загрузить изображения большого размера (3-5 МБ). Загрузка изображений занимает много времени и вызывает очень неприятные ощущения. Есть ли способ сделать...
565 просмотров
schedule
07.07.2023
Как заставить холст Konva перемещаться справа налево
Я хочу отобразить текст на иврите с помощью Text и TextPath. В обычном HTML5 кажется, что лучший способ - установить атрибут dir в canvas на rtl ( HTML5 Canvas fillText со строкой справа налево ). Как мне это сделать в Konva?
464 просмотров
schedule
14.12.2022
Konva: почему смещения слоя отрицательные?
В координатах начала координат для стадии react-konva он дает полезный пример того, как использовать смещения для установки начала координат узла.
В примере устанавливаются смещения слоя (-200, -200), чтобы отображались полные оси и круг. Но...
446 просмотров
schedule
29.01.2023
Как инициировать прослушивание событий для фигур на слое при нажатии кнопки?
Можно ли в KonvaJS сделать слой неактивным (но не невидимым) при нажатии кнопки, а затем активным при нажатии другой кнопки? Я пробовал "text_overlay.listening (false);" но это не работает. Я могу деактивировать отдельные текстовые узлы с помощью...
248 просмотров
schedule
19.02.2022
Поддержка цветов CMYK — холст HTML5
У меня есть потребность работать с CMYK. Любые рекомендации о том, как мы могли бы передать цвет заливки CMYK вместо RGB или HEX. Я использую библиотеку Konvajs.
Пример
1485 просмотров
schedule
11.05.2023
Конвайс: Трансформаторные весы со сценой
Когда масштаб сцены равен 1 - ручки Transformer отрисовываются нормально (изображение 1), но когда сцена масштабируется - ручки Transformer визуально масштабируются вместе со сценой (изображение 2). Это способ предотвратить такое поведение?...
479 просмотров
schedule
06.09.2022
Konva: как центрировать текст по вертикали
Я пытаюсь создать контейнер Konva Text с вертикальным центрированием его содержимого;
var infoText = new Konva.Text({
x: 0,
y: 0,
text: `my long long ... text`,
fontSize: 18,
fontFamily: 'Arial',
width: 50,
height: 50,
align:...
2611 просмотров
schedule
15.05.2022
Получить данные изображения слоя
Есть ли способ получить данные изображения слоя, например тот, который пользовательские фильтры получают в качестве параметра? Да, я знаю, что могу использовать getImageData и получить его, но у меня с этим возникли проблемы. В перетаскиваемых...
416 просмотров
schedule
19.01.2023
Как установить подчеркивание текста в Konva?
Я использую Konvajs и у меня проблема с Text . Я хочу нарисовать underline из Text . Как text-decoration: underline в css.
Есть ли способ нарисовать underline ?
121 просмотров
schedule
10.10.2022
как реагировать-конва масштабирование на скролл
Привет, я пытаюсь реализовать функцию масштабирования на прямоугольнике в моем проекте реакции, но не могу найти способ сделать это таким образом? любая помощь, пожалуйста?
это пример html konva, который я нашел:...
4864 просмотров
schedule
19.10.2022
Решение для разметки маршрута или пути с поворотами
Я хочу дать своим пользователям простой способ визуально проследить маршрут на карте или изображении. Решение должно позволять пользователям добавлять контрольные точки, которые они могут использовать для создания поворотов на маршруте.
Он должен...
614 просмотров
schedule
06.05.2024
Konva - изменение положения смещения после масштабирования и поворота
Я пытаюсь реализовать функцию поворота и масштабирования с помощью ползунка. Мне нужно, чтобы изображение всегда вращалось из центра области просмотра. Основная идея - изменить положение и смещение сцены после события перетаскивания. Вот что я...
810 просмотров
schedule
01.02.2023
Как получить центральную точку формы, такой как многоугольник, с помощью плагина KonvaJs?
Как я могу получить центральную точку формы, такой как многоугольник, используя konva? Мне нужно добавить текстовую метку в центр фигуры.
312 просмотров
schedule
26.12.2022
Уменьшите масштаб сцены Konvajs без потери качества
Представьте, что у вас есть большая сцена (2000x1000) с текстом. Масштаб рабочей области уменьшается до 1000x500, что делает текст нечитаемым. Затем мы пытаемся увеличить текст, увеличивая его.
Ожидается: в какой-то момент текст должен снова...
1155 просмотров
schedule
29.05.2023
