javascript - 如何自定义 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()
});