Konva 可以动态更改 Konva 的文本
Konva possible to dynamically change the text of a Konva
我的问题是,是否可以通过双击并使用键盘输入新文本来动态更改 Konva.text 的文本?
Konva 没有开箱即用的可编辑文本。
文档页面 suggests 将可编辑的 HTML 元素放置在您的 canvas 之上,让用户进行编辑,然后在完成后将其删除。使用这种方法,您的主要问题是在某种程度上保持 Konva 元素和 DOM 元素之间的文本样式一致。否则,两种模式之间的转换可能看起来不像真正的所见即所得。但是,根据您的需要,此解决方案可能就足够了。
另一种方法是创建一个隐藏的 textarea
/input
,捕获它的事件,并在 canvas 上完全模拟文本交互,例如光标移动和文本选择。这很难正确执行,但可以说可以带来更无缝的用户体验。事实上,这就是 fabric.js 对其可编辑文本所做的工作。
我的问题是,是否可以通过双击并使用键盘输入新文本来动态更改 Konva.text 的文本?
Konva 没有开箱即用的可编辑文本。
文档页面 suggests 将可编辑的 HTML 元素放置在您的 canvas 之上,让用户进行编辑,然后在完成后将其删除。使用这种方法,您的主要问题是在某种程度上保持 Konva 元素和 DOM 元素之间的文本样式一致。否则,两种模式之间的转换可能看起来不像真正的所见即所得。但是,根据您的需要,此解决方案可能就足够了。
另一种方法是创建一个隐藏的 textarea
/input
,捕获它的事件,并在 canvas 上完全模拟文本交互,例如光标移动和文本选择。这很难正确执行,但可以说可以带来更无缝的用户体验。事实上,这就是 fabric.js 对其可编辑文本所做的工作。