Reactjs 康娃在舞台中央塑造了一个形象

我正在使用react konva在舞台上绘制形状，要编辑它们，我选择该形状，并且形状已设置为聚焦于舞台（即到达舞台中心）。 点击一个按钮，我正在更新舞台的X、Y和比例，但我没有得到舞台中心的确切形状

请查看此演示，并在此分享您的意见：

PS:无法从后台删除dragBoundFunc。

基于您的演示：

focusRect=（）=>{
设{rect，stageWidth，stageHeight}=this.state；
让newScale=6；
const rectWidth=50*新刻度；
const rect height=50*新刻度；
const x=-rect.x*newScale+stageWidth/2-rectWidth/2；
常量y=-rect.y*新闻缩放+舞台高度/2-rectHeight/2；
设pos=this.boundFunc（{x，y}，newScale）；
这是我的国家({
stageX:pos.x，
斯塔基：位置y，
舞台剧：新闻剧
});
};

根据您的演示：

focusRect=（）=>{
设{rect，stageWidth，stageHeight}=this.state；
让newScale=6；
const rectWidth=50*新刻度；
const rect height=50*新刻度；
const x=-rect.x*newScale+stageWidth/2-rectWidth/2；
常量y=-rect.y*新闻缩放+舞台高度/2-rectHeight/2；
设pos=this.boundFunc（{x，y}，newScale）；
这是我的国家({
stageX:pos.x，
斯塔基：位置y，
舞台剧：新闻剧
});
};