织物.js / 移动设备上的文本编辑



我正在尝试在Android上的Cordova应用程序中使用TUI图像编辑器(https://github.com/nhn/tui.image-editor(。

它基于 Fabric.js并且整体工作合理,但是我在文本注释方面存在主要问题:如果编辑的文本位于屏幕的下方,则 Android 软键盘会覆盖文本输入,并且不会将其滚动到视图中。当我在普通的Android Chrome浏览器中运行页面时,也会发生这种情况。

是否有任何配方或示例如何使其与 Fabric.js 一起工作?

我遇到了同样的问题,我只是避免使用ITextTextbox对象。我只是在织物中使用了 html 输入字段和类型为Text的对象.js没有在画布内编辑,也没有在输入内编辑并将文本对象更改为输入值。因为如果您将使用ITextTextbox对象,您将面临在小文本上编辑文本或小比例文本对象时遇到问题,在画布内编辑将既困难又烦人。

如果您仍然想滚动到文本对象,我无法为您提供完整的解决方案。但我认为您可以将画布事件用于文本

canvas.on('text:editing:entered', (textObject) => {
// calculate canvas offset and textObject offset and scroll to this position
})

最新更新