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

Question

我开始了 react-konva。 我正在尝试使用 Transfomer.

目前 rotate 处理程序位于顶部中心，我想将其放置到 bottom-center 和 rotateHandlerOffset。 我已经使用 sceneFunc 更新了 back 形状。并设置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()
});