Questions tagged [vue-konva]
37 questions
0
votes
0 answers
How can I drawing by order
I want to create a drawing project.
But It order by vue code.
Rosie Hung
- 11
- 2
0
votes
1 answer
vue-konva how save layer with image and line like jpg, png
have v-group with image and lines on layer,stage like this:
Sergey Ka
- 25
- 9
0
votes
1 answer
vue-konva how start drawing
Needs to start painting in the stage element when on events mousedown. I have template and example with js in official document. How can i use Line and start draw?
Sergey Ka
- 25
- 9
0
votes
1 answer
Create Konvajs Shapes and Connections creating dynamically based on button click events
I would like to create Rectangle Shapes and Connections using the Vue-Konva/Konvajs within my application. I do not want to create load the Static values rather I would like to create the Shapes when the user clicks on the Add Node button and create…
BATMAN_2008
- 2,788
- 3
- 31
- 98
0
votes
2 answers
Using the vue-konva with nuxtjs fails with various error
I followed the documentation and Github I did the following steps:
install vue-konva and konva and canvas using npm install vue-konva konva --save and npm install canvas --save.
Created vuekonva.js under plugins folder with below content:
import…
BATMAN_2008
- 2,788
- 3
- 31
- 98
0
votes
1 answer
Konva/Vue-Konva running into error client.js:227 TypeError: Konva.Layer is not a constructor
I am using Konva/Vue-Konva within my Nuxtjs application to draw the Rectangle. I have the Add Node button and whenever user clicks on the button he should be able to freely draw the Ractangular shape on the Konva Canvas.
I am trying to do the same…
BATMAN_2008
- 2,788
- 3
- 31
- 98
0
votes
1 answer
Can't suppress Konva warnings in Vue
I'm using Konva in a Vue application, and I can't suppress Konva's warnings in browser console.
According to Konva docs, there is an option for this, Konva.showWarnings = false. (I understood the warning itself and am aware of its possible…
zkriszti
- 37
- 1
- 5
0
votes
1 answer
Resize text on vue konvajs
I am trying to resize the text element but when I try to make it bigger I always changes the scale.
I configured the transformer option like the konvajs vue documentation and works well, then i configured like the js example but when you are…
IvanG11
- 92
- 4
0
votes
1 answer
Vue Konva, create stages dynamically
Is there a way to create N+1 stages?
The following is how to create one stage.
scranley
- 188
- 1
- 4
- 20
0
votes
1 answer
vue 3 vue-konva: Cannot read property 'component' of undefined
import VueKonva from "vue-konva";
import App from "./App.vue";
const app = createApp(App);
app.use(VueKonva, { prefix: "kv" });
enter image description here
0
votes
1 answer
Center stage in Vue-Konva
I am trying to build a very basic app for editing videos, using Vue-Konva in Vue 2.
Here's a Vue component named 'konvaStage'. It's a simple stage with a 1px black frame :
…
gitMakeCoffee
- 1
- 3
0
votes
1 answer
draw rectangle with mouse move with Konva in VUE
This is the behavior I want to achieve in Vue.js Here is the Js fiddle example i am trying to make: https://jsfiddle.net/richardcwc/ukqhf54k/
//Canvas
var canvas = document.getElementById('canvas');
var ctx =…
Sean Liu
- 831
- 1
- 11
- 23
0
votes
1 answer
Set the dynamic height and width to Konva Stage in Vue.js
I want to set the height and width of the Konva based on the width of its parent container. As I was using static value for the stage which is
stageConfiguration:{ height: innerWidth * .5, width:innerWidth * 0.5}
And have to refresh every time I…
madhav koirala
- 225
- 3
- 19
0
votes
1 answer
How to add custom CSS styling to Konva layer in Vue.js?
I am working on canvas with Konvajs. I have a circle layer which I want to animate. Is there a way to add a custom CSS to button to make it blink. Below is the code section for Konva config.
madhav koirala
- 225
- 3
- 19
0
votes
1 answer
how to attach both rotate and tap event listeners to shapes in konvajs?
I was working on including rotate gestures in my app following the tutorial given on https://konvajs.org/docs/sandbox/Gestures.html. But in my app i have also attached 'tap' event listener so whenever I tried to rotate the shape using gesture ,…
pudio
- 41
- 4