Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTML5 Canvas의 분수 글꼴 크기?

<시간/>

분수 글꼴 크기의 경우 초기화 중에 텍스트를 표준 글꼴 크기로 렌더링합니다. 선 길이를 측정한 후

숨겨진 캔버스를 사용하여 텍스트를 렌더링한 다음 너비에 승수가 있는 기본 캔버스에 drawImage를 사용합니다.

ctx.font = (font_size * zoom) + "px Georgia";
ctx.fillText(mytext,0, 0);

var s = (iniLineLength * zoom) / ctx.measureText(mytext) ;
mainContext.drawImage(tmpCanvas,x, y, pw * s, ph);