我在使用fabircjs IText大小调整自定义字体时遇到了问题。
当我选择上述字体之一时，文本框尺寸大于默认文本＆＃34; Vloz Text＆＃34;（文本末尾和框边框有空格），但对于某些标准字体，例如＆＃34; Arial＆＃34;文本框文本框（没有提到空格）。同样适用于＆＃34; Goldsaber＆＃34;文本框大小比文本本身更大更大（提到的空间变大）。 我希望它的行为与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>
这是jsfiddle： https://jsfiddle.net/13zgk2fs/12/
要查看问题，请在本地安装上述字体。我在jsfiddle中设置自定义字体时遇到了问题。