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

Question

我已经开始反应了 。 而且我正在尝试使用Transfomer 。

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

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

问题是它不起作用。

请检查CodeSandBox

Answer 1

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

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