如何自定义React-Konva旋转处理程序？

Question

我已经开始react-konva。 我正在尝试使用Transfomer。

目前，rotate处理程序位于顶部中心，我想将其与bottom-center一起放置到rotateHandlerOffset。 我已经使用back更新了sceneFunc的形状。并将y的位置设置如下

this.transformer.find('.rotater').y(shape.height() + this.transformer.rotateHandlerOffset());

问题是它不起作用。

请检查CodeSandBox

Answer 1

您可以使用setAttrs来设置attrs，例如x，y，width和height。

this.transformer.findOne('.rotater').setAttrs({
    y: shape.height() + this.transformer.rotateHandlerOffset()
});