FabricJS 文本框 - 某些字体的光标位置设置不正确

Question

在上图中，光标应该在末尾，但由于某种原因，它位于最后一个字符之前。 这只发生在某些字体上。

我认为这与自定义字体的加载方式无关，这张图片来自http://fabricjs.com/loadfonts。此外，正在使用该库的最新版本。

要重现该问题，您必须执行以下操作：

1. 将字体系列更改为“Pacifico”。
2. 点击文本框进入编辑模式。
3. 开始输入。

有时，即使是最后一个字符也会超出边界框。 我认为这与 _measureChar() 函数的执行方式有关，但我不确定需要更改什么。

提前致谢！

编辑： 我做了更多的测试，似乎这个问题在 IE 中不存在。 这个问题出现在 Chrome 和 Firefox 中。 在每个浏览器中如何呈现字符也很奇怪：

Answer 1

在canvas.requestRenderAll()之前添加以下代码；

fabric.charWidthsCache[this.value] = {};
canvas.getActiveObject()._initDimensions();
canvas.getActiveObject().setCoords();