Fonts 具有自定义字体的Fabric js Itext框大小问题

我对自定义字体的FabirJS IText框大小有问题

• 金剑
• 埃尔维格工厂

当我选择上述字体之一时，文本框的大小大于默认文本“Vloz text”（文本和框边框的末尾有空格），但对于一些标准字体，例如文本框的“Arial”（没有提到空格）。同样，在“金剑”的情况下，文本框的大小比文本本身越来越大（提到的空格越来越大）。 我希望它的行为方式与Arial相同。这意味着文本大小应始终在文本框的最后一个字符和文本框边框之间没有任何空格

javascript:

var canvas = window._canvas = new fabric.Canvas('c');

addText("Vlož Text", "Arial", 50, 50);
addText("Vlož Tssssssssssssssssext", "Arial", 50, 250);
addText("Vlož Text", "Goldsaber", 100, 50);
addText("Vlož Tssssssssssssssssext", "Goldsaber", 100, 250);
addText("Vlož Text", "Earwig factory", 150, 50);
addText("Vlož Tssssssssssssssssext", "Earwig Factory", 150, 250);

function addText(text, font, top, left) {
  var text = new fabric.IText(text, {
  fontFamily: font,
  fontSize: 25,
  top: top,
  left: left,
  originY: 'top',
  originX: 'left',
  padding: 0,
  lineHeight: 0.9,
  transparentCorners: false
});

canvas.add(text);
}

html:
<canvas id="c" width="600" height="600"></canvas>

javascript:
var canvas=window.u canvas=newfabric.canvas（'c'）；
addText（“VložText”，“Arial”，50,50）；
addText（“Vložtssssext”，“Arial”，50250）；
addText（“VložText”，“Goldsaber”，100,50）；
addText（“Vložtssssext”，“Goldsaber”，100250）；
addText（“VložText”，“埃尔维格工厂”，150,50）；
addText（“Vložtssssext”，“埃尔维格工厂”，150250）；
函数addText（文本、字体、顶部、左侧）{
var text=new fabric.IText（文本{
fontFamily:font，
尺寸：25，
顶:顶,，
左:左,，
原创：“top”，
原文：“左”，
填充：0，
线宽：0.9，
透明转换器：错误
});
canvas.add（文本）；
}
html:

以下是JSFIDLE：

---

要查看问题，请在本地安装上述字体。我在JSFIDLE中设置自定义字体时遇到问题。

看看这个。如果我理解正确-这是相同的问题

我删除了iText标签。请检查iText标记的说明。您会注意到iText®与您正在使用的完全不同。（iText是一个注册商标；第三方真的不应该使用它。他们应该重命名他们使用iText的任何名称以避免混淆。）是的，我看到了。我试图找到与fabricjs相关的Itext标记，但似乎没有。所以我就这么走了。谢谢。是的，这是同样的问题。谢谢，我去看看。