Konva可以动态更改Konva的文本

Question

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

Answer 1

Konva没有现成的可编辑文本。

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

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