ファブリックjsカスタムフォントのItext boxサイジングの問題

Question

fabircjsのカスタムフォントのITextボックスサイジングに関する問題があります。

• Goldsaber
• ハサミムシ工場

私は上記のいずれかのフォントを述べ選択すると、テキストボックスのサイズは、デフォルトのテキスト「Vlozテキスト」、次に大きい（スペースは、テキストの最後にありますし、テキストボックスには "Arial"テキストが表示されます（スペースは記載されていません）。また、 "Goldsaber"の場合、テキストボックスのサイズはテキスト自体より大きくなります（上記のスペースが大きくなります）。 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でカスタムフォントを設定する際に問題がありました。

Answer 1

これを見るhttps://github.com/kangax/fabric.js/issues/3588。私が正しく理解していれば、それは同じ問題です