Konva 可以动态更改 Konva 的文本

Question

我的问题是可以通过双击并使用键盘输入新文本来动态更改 Konva.text 的文本吗？

Answer 1

Konva 没有开箱即用的可编辑文本。

文档页面suggests 在您的画布上放置一个可编辑的 HTML 元素，让用户进行编辑，然后在完成后将其删除。使用这种方法，您的主要问题是在某种程度上保持 Konva 元素和 DOM 元素之间的文本样式一致。否则，两种模式之间的转换可能看起来不像真正的所见即所得。但是，根据您的需要，此解决方案可能已经足够接近了。

另一种方法是创建一个隐藏的textarea/input，捕获其事件，并在画布上完全模拟文本交互，例如光标移动和文本选择。这将很难正确完成，但可以说会导致更无缝的用户体验。事实上，fabric.js 的可编辑文本就是这样做的。