Skip to content

Transformer interaction

The Konva.Transformer is Konva's built-in approach to help users size, scale and rotate your shapes. The vwRtx has built-in capabilities that allow it to add itself into the transformer when selected or activated, and remove itself when it is deselected.

Additionally, the left and right transformer anchors will modify the width of the vwRtx shape. The corner anchors will scale the font size of the text in the vwRtx, and the top and bottom anchors will adjust the height of the rtx shape.

Note that the shape height will automatically change to fit tightly against the text within the rtx, and no empty space can be left below or above the rtx text. It is possible to disable this default height feature by setting config.autoHeight to false.

todo - demo gif of transformer at work

A Vanquished Wombat creation.