Questions tagged [konvajs]
Konva is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications.
konvajs
1,014
questions
0
votes
0
answers
21
views
Converting konvajs state to Advanced SubStation Alpha (ASS) format for subtitles
I am building a subtitle editor using react.js. I plan to use konvajs to build the styling feature of editor like rotate subtitles, change size etc. How do I convert resultant konva state to ass ...
1
vote
0
answers
28
views
Limit multiple shapes in a Transformer
i have multiple shapes (rects) inside a global transformer. Now the Problem is that each shape has its own transformer that is limited in height and width. Is there a way that when i resize the global ...
0
votes
0
answers
33
views
KonvaJS Canvas Export size and performance
I am trying to export the konvaJs stage as base64 using stage.toDataURL().
I would like to export the stage with size 36 by 48 inch which is 10800 by 14400 resolution.
I am using pixelRatio to ...
0
votes
1
answer
57
views
how to add different layer options
I have a samll script that allows you to add a "shades" layer to any uploaded image and then save it. Currently you can only add one style of shades. I need help figuring out how to add ...
-1
votes
0
answers
39
views
How can I create an independent image/object shadow and able to resize/scale together and able to transform by itself?
I am using KonvaJS to create a simple image editor where I am facing a problem on creating a shadow object from an image that user imports in. I am a beginner at learning HTML canvas and just started ...
0
votes
1
answer
48
views
Issues with Distorted Images on Mobile and Desktop Using Konva.js and HTML5 Canvas in .NET Core
I'm experiencing significant image distortion issues when placing a logo on a canvas in my .NET Core project using Konva.js for canvas manipulation. The problem is more pronounced on mobile devices ...
0
votes
1
answer
40
views
Konva 9.3.8: Mirroring an image on X axis, then associating a transformer put the rotation anchor down, and not top
I am working with konva for quite some weeks now.
I do have an issue while trying to mirror an image. Setting scaleX is working as expected, and it is mirrored on the vertical axis.
Moreover, I do ...
0
votes
1
answer
14
views
Understanding units (height, width, x,y) in konvajs
I'm mis-understanding something about units in konvajs.
For simplicity, I'm using 1cm = 1px. I have a wall that is 300cm x 300cm, and pictures that are 40x60 (or 60x40 if portrait).
I've created the ...
0
votes
0
answers
23
views
Auto-layout shapes on a layer in KonvaJS
Is there a way to have konva fit all the objects on a layer?
That is, instead of stacking the rectangles here, suppose I had a bunch of rectangles of different sizes and I just wanted Kanva to put ...
0
votes
1
answer
27
views
Problems when Adding a react-konva Rectangle from Form with demo
I'd like to add new Rectangle to a Stage, when the width and the height in a form is submitted.
The addition works fine, however, the selection has a large offset, but do not understand why.
The ...
0
votes
0
answers
15
views
Issue with image rotation in konvajs
I have a konvajs rectangle with some text inside it and when text is double clicked I am creating a content editable div with editable text. when the blur event of the div is called, i am creating a ...
1
vote
1
answer
32
views
How to set React Canvas width and height to its parent div component (Konva Package)?
I placed a div in A4 format inside a fixed div with a height of 500px and dynamic width in a scrollable manner. The reason for the dynamic width of this div is that there is a sidebar on the screen, ...
0
votes
0
answers
14
views
I am using Konva Js library to draw Rect. So after drawing a React and release the mouse i need Transformer to activate around the Rect.?
Currently when drawing a Rect and after click on it my Transformer is activating.Now what i want is when draw a Rect and on mouse release i want to activate Transformer for Resizing?
const ...
0
votes
1
answer
32
views
Konva transformer avoid snap to grid for rotation
In my transformer I am using anchor snapping to line up the sizing anchors with a grid. But the code also executes when I use the rotating anchor.
How can I use the snap-to-grid code but not for the ...
-1
votes
1
answer
29
views
custom shape using konvajs not draggable
I am using konvajs to draw a custom shape and the rendering works fine. however, when i try to drag it, it is not draggable.
Please find the link to the code.
Custom shape Not draggable
Please point ...