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

Question

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

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

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

问题是它不起作用。

请查看代码沙盒

Answer 1

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

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