konvajs - 不使用 textarea 的 Konva 文本编辑选项

Question

我最近开始在我们的一个项目中使用 konva 库，我正在尝试在舞台上添加文本并在不使用 textarea 的情况下进行编辑。

假设我想在舞台上编辑文本，我只想通过单击选定的文本来编辑它。当我单击它时，它应该直接使光标闪烁以进行输入。

我在 konva 示例下面有参考，但它使用 textarea 弹出窗口进行编辑。 示例 https://konvajs.github.io/docs/sandbox/Editable_Text.html#stq=&stp=0

标签： konvajs

Answer 1

如果没有 textarea，Konva 就无法做到这一点。但是您可以使 textarea 看起来和感觉就像您在编辑画布一样。你只需要匹配 CSS 样式尽可能接近画布渲染。所以用户不会注意到有文本区域。