1,021 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
0
votes
1
answer
38
views
How can I prevent CPU spike when moving mouse over Konva.layer?
I have a simple, draggable, Konva.layer containing an (one) svg image. The image is a single rectangle, but has a fillPattern. It is quite large 3000x2000. I listen to click events (only) on the layer ...
0
votes
1
answer
93
views
Is it possible to register Konva Events during the Capture Phase?
I'm attempting to register a click event on the Konva Stage within the Capture Phase of the event phases and having no luck ...
Here is a JSFiddle which demonstrates my issue. There are ten click ...
0
votes
0
answers
35
views
Konva.js group.getChildren() visibly shows node in devtools, but .length is too short and .find skips visible child
I'm experiencing a strange issue with Konva.js in a project where a Konva Group's children collection appears to be out of sync internally, despite the nodes being properly rendered on the canvas.
...
0
votes
1
answer
122
views
Implementing Lightweight chart custom plugin with konva
I am developing a trading terminal using TradingView’s Lightweight Charts and want to create custom interactive drawing tools.
The Lightweight Chart custom plugin system requires drawing directly on ...
0
votes
1
answer
40
views
How can I suppress a click on a konva shape after a contextmenu click?
I have two handlers assigned to a konvajs shape with the shape's on function. They respond to the 'click' event and 'contextmenu' event. After it responds to a 'contextmenu' event, a 'click' event is ...
0
votes
0
answers
31
views
Copy / paste events are not being triggered
I would like to add custom text to the clipboard when the user performs the copy command and check the clipboard for text in specific json format for creating konva objects from it.
The following code ...
1
vote
0
answers
67
views
Fit image inside container using konva.js [duplicate]
I am trying to add an image using Konva js and react. But the image which is coming is collapsing to a very small size.
I am new to both react and konva hence i think i am missing something very ...
0
votes
0
answers
81
views
Identifying a specific polygon within an image given a point inside it
I need help to recreate a function that helps in the following scenario:
user clicks on a point inside an image that represents polygons
polygon with point inside is identified
vector polygon is ...
0
votes
0
answers
20
views
How can I make my DAW playback more efficient without blocking the animation loop?
I have a konva animation loop for my Digital Audio Workstation as follows:
animationRef.current = new Konva.Animation((frame) => {
// calculate next x playback position for playback line
//check 1 ...
0
votes
0
answers
47
views
Clipping Mask With Konva.js
I've been using Konva.js's crop function to limit what can be seen inside a bounding shape (svg shape). I managed to place an image inside the shape.
Has anyone managed to write a similar function, ...
0
votes
1
answer
151
views
Why are Konva.JS Groups seen as a solution to the problem of too many layers?
I am building a Digital Audio Workstation with nextjs and konva. I have just hit 6 layers and received the warning:
Konva warning: The stage has 6 layers. Recommended maximum number of layers is 3-5. ...
0
votes
0
answers
52
views
How to Resize and Drag an Image Inside a Konva Transformer While Keeping It Constrained?
I’m working on a Next.js + Konva.js project where I need to allow users to resize an image inside a Konva Transformer, while ensuring that:
1.The Transformer resizes the entire group (including the ...
0
votes
1
answer
100
views
MediaRecorder Not Capturing Updated Konva Canvas in React
I’m building a simple video creator using react-konva, where I manipulate a Konva canvas and record it using MediaRecorder. One feature I want to implement is simple subtitles—an array of strings ...
-1
votes
1
answer
84
views
In Konva, how to convert line with certain width to shape
Using Konva (konva-react), i render line using this component:
const renderLine = (pathProps: CanvasPath | ActivePath, key?: number) => (
<Line
key={key}
points={pathProps....
0
votes
1
answer
177
views
Konva.js - how to make only Konva objects interactive instead of the entire layer
I'm using Konva.js to draw interactive shapes on top of an existing HTML element on the page, like this:
<div id="mainContainer">
<div id="otherStuff"></div>
...