KonvaJS 中应用缩放(比例)的文本编辑

Text editing in KonvaJS with zoom (scale) applied

我正在尝试在官方文档中实现 text edition 的复杂演示。

它工作正常,但我有一个 "zoom" 功能将 scale 应用到舞台上,当创建 textarea 时,定位和大小是错误的。

Example

是否有解决此问题的解决方法?

我知道这跟舞台变换有关。我正在尝试申请 但没有成功。

谢谢。

在应用textarea的样式时,只需将scale计算在内即可:

textarea.style.width = textNode.width() * textNode.getAbsoluteScale().x + 'px';

https://jsbin.com/jufosoqeve/1/edit?html,js,output