패브릭 js 사용자 정의 글꼴의 텍스트 상자 크기 조정 문제

Question

fabircjs 사용자 정의 글꼴 IText 상자 크기 조정에 문제가 있습니다.

• Goldsaber
• 집게 벌레 공장

내가 (공간이 텍스트의 끝이 위의 한 텍스트 상자의 크기가 기본 텍스트 "Vloz 텍스트"다음 더 큰 글꼴을 언급 선택하는 경우와 상자 테두리)이지만 일부 표준 글꼴의 경우 "Arial"텍스트가 텍스트 상자에 표시됩니다 (공백은 언급되지 않음). 또한 "Goldsaber"의 경우 텍스트 상자 크기가 텍스트 자체보다 커지고 커집니다 (언급 된 공간이 커짐). Arial과 같은 방식으로 작동하고 싶습니다. 즉, 텍스트의 마지막 문자와 텍스트 상자 테두리 사이에 공백없이 텍스트 크기가 항상 텍스트 상자 여야합니다. https://jsfiddle.net/13zgk2fs/12/

이 문제가 위의도 설치 로컬 글꼴을 언급하시기 바랍니다 보려면 : 여기

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입니다. jsfiddle에서 사용자 정의 글꼴을 설정하는 데 문제가있었습니다.

Answer 1

보기이 https://github.com/kangax/fabric.js/issues/3588입니다. 내가 정확히 이해한다면 - 그것은 똑같은 문제이다.