Stack Overflow
Stack Overflow

Questions tagged [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.

Konvajs-Reactjs is, judging by the volume of questions arising on SO, an increasingly popular combo for development of HTML5 canvas solutions within Reactjs. The Git page is at https://github.com/konvajs/react-konva

As a subject, it is sufficiently different from the plain JS Konvajs library that folks will benefit from tagging it with a specific tag. This will assist others searching for solutions that are specifically Konvajs-Reactjs, but they should also consider broadening their searches to plain konvajs as there is a wider body of question material for this and although it is plain-JS, the concepts are generally taken into konvajs-reactjs.

118 questions
0
votes
0 answers

How to make an arrow that will respond to rectangles

There are two movable rectangles, between them is an arrow that connects them. It would be necessary if there was a third rectangle in the arrow’s path, it would bypass it without crossing it I implemented the connection of two moving rectangles…
R0Ger
  • 1
  • 1
0
votes
1 answer

Set element to top of all layers in canvas

I'm using KonvaJS to create a canvas which can connect 'nodes' by using 'connections'. I created 2 Layers, one NodeLayer and one ConnectionLayer. I always want to render the NodeLayer on top of the ConnectionLayer. So they're rendered as…
Bob van 't Padje
  • 685
  • 1
  • 6
  • 17
0
votes
1 answer

Removing applied filter with KonvaJS

I'm applying filters to Konva.Image but couldn't find any way to remove those filters and return to original image. How can I do that?
she hates me
  • 1,212
  • 5
  • 25
  • 44
0
votes
1 answer

How to make rounded-perpendicular lines with react-konva?

I need to make rounded-perpendicular lines with react-konva, is it achievable using existing APIs? If yes, how? I used bezier API for Line class, it works great. Somehow now I need to revamp the bezier curve to be rounded-perpendicular lines. Sth…
Inovramadani
  • 1,955
  • 3
  • 14
  • 34
0
votes
1 answer

Rectangle does not re-render properly after transformation in react-konva

I have been using this (https://github.com/oasis10702/konva-simple-example) code in a project of mine and everything works fine. However, updating react and react-konva to the latest version causes some to me unintended behavior. When resizing a…
Anab
  • 99
  • 2
  • 8
0
votes
1 answer

How to differentiate react konva elements in the same layer via event.target?

Good Day, I'm trying to control a mouseleave event. The goal is to continue the stroke of the element when it hits a
NoobNewb
  • 583
  • 2
  • 10
  • 21
0
votes
1 answer

Uncaught TypeError: Cannot read property 'getAbsoluteScale' of undefined

I am trying to transform circle but it throws error. I don't understand what is the problem i have already worked with transformations on Konva.Rect and there's no such error. Attaching transformer to Konva.Circle works properly, but when mouse is…
Maksym Tutskyi
  • 1
  • 2
0
votes
1 answer

How can I get image properties like scaleX in react-kova?

Like the example shown for shape, this has x,y,rotation etc. https://konvajs.github.io/docs/select_and_transform/Transform_Events.html Image in react-konva also extends shape. How can I get these values for image(with transformer) in react-konva.
Samdeesh
  • 905
  • 11
  • 23
0
votes
1 answer

Transformer controls in bounding box konva js

I'm using Konva JS in my project and i'm facing a problem with Transformer. I've created bounding box on canvas for image uploading and i can manipulate with it(resize/move around/rotate) but Transformer controllers is overlaid when they are out of…
Егор Федоров
  • 13
  • 1
  • 2
0
votes
1 answer

How does KonvaJS handle drawing on the canvas

I really like the Konva syntax However the source code is confusing me. The way I understand does not actually return a DOM element in its render. Instead it draws on a Canvas…
Robert Lemiesz
  • 1,026
  • 2
  • 17
  • 29
0
votes
1 answer

Konva Image Elements Disapearing

I am building sort of an image editor, with Konva. I have a menu where images get selected and added to the stage. It was working normally until I added the possibility to add multiple images. To publish the code would be very time consuming for…
Tomas Vich Cologan
  • 25
  • 5
0
votes
1 answer

How to use Konva Node with ReactJs

I want to use konva.js node nesting in react app. I need help on how to use it. Thanks in advance.
Nizar Ali Hunzai
  • 257
  • 1
  • 2
  • 8
-2
votes
0 answers

the server is just loading Nothing is visible on the screen

i built a Project in React js At the end I moved all the files to another folder and I made the path change in every file where it is necessary to delete the node module file and package-lock json restart the server but now it is just…
Anas Pirzada
  • 1
  • 1
1 2 3 4 5 6 7
8