Stack Overflow
Stack Overflow

Questions tagged [react-konva]

react-konva is a JavaScript library for drawing complex canvas graphics using React. It provides declarative and reactive bindings to the Konva Framework.

react-konva 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 react-konva.

292 questions
0
votes
1 answer

Get dataUrl from stage in react-konva

I rendered konva stage with 2 images overlapping each other. Now, I am trying to export the overlapped image from the stage and canvas. I tried to get const dataURL = this.stageNode.getStage().toDataURL(); and added stageNode like
Samdeesh
  • 905
  • 11
  • 23
0
votes
2 answers

React konva applies x changing only for 1 rectangle when rendering an array

I have an array of object like this: { id, width, height, margin }. And when i render that array and apply that information to react konva Rect component like this: { topSide.map((seat, index) => (
Maksym Tutskyi
  • 1
  • 2
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

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
-1
votes
1 answer

How to pixel perfect align text-element

I want my vue Konva Text element to completely fill the given height, like i expect of a rectangle. This is issue becomes obvious when pairing with text images, (converting svg text to canvas) that properly match the given dimension
David Vaneß
  • 31
  • 4
-1
votes
1 answer

Scaling IMAGE around pointer in Konva

Can't wrap my head around this and get it to work. Trying to transpose this sample on Konva, but can not get it to work with an image inside a layer, inside the stage. The sample I am trying to reproduce is the "Zooming stage relative to pointer…
Olle
  • 47
  • 1
  • 4
-2
votes
1 answer

Create road section using javascript

In my React application I want to create not the usual form for creating road section. For example, I have this scheme in png format. But I want to create an interactive editor in which it will be possible to create schemes, save them to the server…
Elli Zorro
  • 463
  • 3
  • 19
1 2 3
…
19
20