Вопросы по теме 'konvajs'
Нарисуйте плавные линии на холсте
Я хочу нарисовать линию на холсте с помощью
context.globalCompositeOperation = 'destination-out';
context.globalAlpha = 0.118;
Результат выглядит следующим образом:
Фон, если изображение представляет собой желтый прямоугольник. Я...
1432 просмотров
schedule
07.03.2023
KonvaJs: изменение точек линии при перетаскивании
Я использую в своем проекте KonvaJs . Я создаю многоугольник, используя Konva.Line , задав closed:true . Мне нужно выяснить, находится ли точка внутри многоугольника или нет. Я использую алгоритм Ray-Casting , чтобы найти точку в...
1582 просмотров
schedule
04.03.2023
Не удается получить доступ к дочерним элементам Konva Stage после клонирования
У меня проблема с конвайсом. У меня есть этап konva, который я клонирую во временный этап, поэтому я могу отменить изменения, сделанные пользователем, когда пользователь отменяет их. Я делаю это следующим образом: я клонирую существующий этап во...
1439 просмотров
schedule
15.07.2022
Указание типа события onClick с помощью Typescript и React.Konva
Я пытаюсь избавиться от ошибки tslint Type declaration of 'any' loses type-safety. , но мне трудно понять, какой тип будет правильным для события.
Я работаю через Lynda " Создание и развертывание приложения Full-Stack React " при попытке...
135925 просмотров
schedule
23.04.2023
KonvaJS применяет матрицу преобразования к React.Shape
Учитывая следующий прямоугольник в SVG.
<rect xmlns="http://www.w3.org/2000/svg" x="72.036" y="156.473" transform="matrix(0.1727 -0.985 0.985 0.1727 -83.7081 215.7814)" style="fill:none;stroke:#020202;stroke-width:0.5;stroke-miterlimit:10;"...
380 просмотров
schedule
04.02.2023
konvajs - изменение размера изображения, перетаскивание и фильтр не работают одновременно
В этом примере я использую библиотеку холста Konvajs 2d для изменения размера, перетаскивания и фильтрации изображения, когда я применяю фильтр, изображения не изменяются должным образом. Может кто-нибудь помочь мне?
Примечание . Я использую...
1012 просмотров
schedule
07.10.2023
установить исходные координаты для стадии реакции-конва
Я использую react-konva для рисования. Я настроил stage и рисую определенные фигуры в этом контейнере stage . Проблема, с которой я столкнулся, заключается в том, что исходные координаты (0,0) находятся в левом верхнем углу контейнера сцены. Я...
2625 просмотров
schedule
07.11.2022
Правильный рендеринг HiDPI элементов Canvas (с Konva.js)?
Я создал небольшую анимацию HTML5 Canvas, используя компоненты из Konva.js. Все работает отлично, за исключением того, что размер элемента Canvas в 2 раза больше, чем я ожидал - я думаю, потому что у меня дисплей HiDPI / Retina. Конкретно элемент...
268 просмотров
schedule
22.12.2023
Адаптивный холст с React и Konva
Я использую библиотеки React и Konva, чтобы нарисовать простую линию. Но когда я изменяю размер экрана, линия остается вне экрана. Итак, как я могу сделать его отзывчивым?
Это мой код:
import React from "react";
import { Stage, Layer,Line }...
3966 просмотров
schedule
24.01.2023
Как получить закругленные углы сцены или слоев в React Konva
Hi ,
Я хочу, чтобы моя сцена выглядела так, как показано на рисунке ниже, и пользователь будет рисовать на ней. Мой вопрос: как я могу это сделать с помощью React-Konva? Я видел только свойство cornerRadius в прямоугольнике. А также...
1344 просмотров
schedule
13.08.2022
Прямоугольник рисования не может затенять мое изображение
Я пытаюсь нарисовать что-то поверх существующего объекта изображения с помощью Konvajs. поэтому я кодирую так:
var stage = new Konva.Stage({
container: 'underground-map-container',
width: window.innerWidth,
height: 1121.6
});
var...
99 просмотров
schedule
15.02.2023
Использование globalCompositeOperation для маскировки группы фигур в React Konva
В моем проекте используется React Konva ( https://github.com/konvajs/react-konva )
Я пытаюсь нарисовать несколько фигур в Group и использовать это, чтобы замаскировать изображение «внизу».
Когда мой компонент рисует одну фигуру с примененным...
1113 просмотров
schedule
04.06.2022
KonvaJS: Как изменить свойства класса текста (размер шрифта, высоту и ширину) при изменении размера?
Я пытаюсь изменить размер текстового слоя в KonvaJS. Мой код выглядит так:
var Canvas = (function() {
var funct = {};
var stageWidth,stageHeight,stage,layer,circle,rect,myPlayer,textNode,tr;
funct.stageInit = function(){
stage...
1585 просмотров
schedule
11.05.2022
Как установить 100% высоту Konva fillPatternImage
Я использую Konva (в React).
<Rect
x={x}
y={y}
width={width}
height={height}
...
fillPatternImage={this.state.image}
fillPatternRepeat="repeat-x"
/>
Отображается заполненное изображение , которое...
904 просмотров
schedule
21.06.2023
Как отладить этап Konva, не реагирующий на событие клика
У меня есть этап Konva, определенный, как описано в следующем коде, и этап не реагирует на щелчок, даже если он реагирует на перетаскивание и автоматически перетаскивается.
Есть ли способ отладить проблему щелчка ??
На сцене есть слой с...
524 просмотров
schedule
05.07.2022
Uncaught TypeError: невозможно прочитать свойство getAbsoluteScale из undefined
Я пытаюсь преобразовать круг, но возникает ошибка. Я не понимаю, в чем проблема. Я уже работал с преобразованиями на Konva.Rect , и такой ошибки нет. Присоединение трансформатора к Konva.Circle работает правильно, но когда мышь находится над...
355 просмотров
schedule
22.04.2022
Нарисуйте стрелку на холсте с помощью React-Konva
Я хотел бы создать холст, на котором пользователь может нарисовать стрелку с помощью мыши.
Я пытаюсь добиться именно этого: https://jsfiddle.net/w33e9fpa/
Но я не понимаю, как преобразовать это в код React, и моя реализация в настоящее время...
3007 просмотров
schedule
24.08.2022
Могу ли я привязать событие щелчка к сцене и двойной щелчок к элементу внутри нее?
В Konva я хочу применить щелчок к сцене, а двойной щелчок — к фигуре внутри сцены. Интересно, как лучше всего это сделать.
В конечном счете, я хотел создать план этажа, где я мог бы добавлять таблицы (прямоугольники) на карту. Если я нажму на...
452 просмотров
schedule
13.02.2023
React-konva двухсвязные объекты со стрелкой
Я пытаюсь расширить демонстрацию Connected Objects , допустив два узла (формы Circle class) для двойной ссылки (A соединяется с B с помощью Arrow1 , а B соединяется с A с помощью Arrow2 ). Работаю с пакетом react-konva .
Я реализовал...
1298 просмотров
schedule
10.06.2023
Конва - линия не касается круга - зазор между кругом и линией
У меня проблема с konva js. Линия между кругами их не касается, зазор между кругом и линией слишком большой.
Кроме того, если расстояние между кругами маленькое или они просто накладываются друг на друга, линия слишком большая...
Детская...
60 просмотров
schedule
10.02.2023