We've probably all made a mouse-driven selection rect. But what about when the layer has a transform applied - maybe it was dragged, or perhaps scaled at a point via the mouse wheel. But now the rect is all wrong. How to fix that...
Your app allows zooming and panning and now you need to find the center of the current canvas view to add a new shape. How do you do that...
Your UI needs some way to let the user defocus from some selected element, maybe hiding the transformer or closing a popup. How to do that easily?
I found a frustration in the act of making arrays of acceptable values to use in input validation for closed lists when I'd already defined the same when setting the types. Could I find a way to set up the array once and use for both needs?
So you need to make an image mask. That means making a shape and drawing the image into that shape so that the area of the image outside the shape is cut off. But you can't use a path so clipping is off the menu. How to get the mask with composition operations or fill pattern image...
One of the common requirements we see coming through the Konva Discord channel is modifying the stock Transformer anchors with popular requests being how to change the anchors shape and colors, and how use an icon for the rotation anchors. Lets take a look...
Shape rotation starts conceptually simple, but gets frustratingly hard quite quickly once you move away from very simple cases. This article discusses the basics and provides working code to rotate any shape around any arbitrary point on the stage. Handy stuff to have in your kit bag.
We can use a Kova.Transformer to put a temporary frame around grouped shapes, but what if we want the frame to persist? Here's a solution for that...