KonvaJS Tutorial Part 1 - Drawing on the HTML5 Canvas Using the KonvaJS Library

Exactly what I'm looking for, very clear explanation, great work! Keep going and big thank you!

great video!

How can I get the position (x,y) of shapes that have been drawn? For now I am just trying to log them, but instead of a number i get "function e()".
Here's my code:

var rect4 = new Konva.Rect({
x:100,
y:100,
width:100,
height: 50,
fill: 'black',
});

rect4.on('dblclick', () => {
console.log(rect4.x);
});

PS: stage and layer is created and I also added the rectangle to it just like you're supposed to.

Loving the way you teach! And yes, the other one is hsv().
H -> Hue -> Which angle on the color wheel are we?
S -> Saturation -> How thick do we want to make the colour? Just a little smudge, or thick and shiny?
V -> Value -> How dark or light do we want the colour to be?

I‘d enjoy seeing more content from you! Even though I found Kanva is not my way. 😊

Very precise and to the point. Loved it

That is fantastic indeed

thank you so much!

Great explanation!!

Great video! thank you for providing this helpful information

I have implemented Zoom in and out , but scroll is not working corresponding to the zoom level

I love your channel so much just to let you know that :))

could you please suggestions how to group ungroup on elements?

DRAGGABLE!

Excellent tutorial, clear, to the point, easy to reproduce. You have great pedagogical instincts. You should really continue to make tutorial videos.

I just finished watching all of your Konva videos… Thank you so much for sharing your knowledge with simple, direct, examples. These are great tutorials for us average Joes. I am trying to build an application for drawing on top of a floor plan. Are going to add any more videos? I want to understand 1) How to save object you’ve added to the canvas and then reload them when opening up a previous drawing. 2) How to load and scale an image to typical mechanical drawing page sizes (eg A = 8.5x11, B=11x17 in landscape mode). 3) How to build and modify an icon library and make it available on loading the program? That way a user can simply click an icon and drop it on the layer for the overlay on top of the image. I would love to chat with you offline, but there is no contact info on your account.