const textMetrics = ctx.measureText("foo")
textMetrics.fontBoundingBoxAscent; // 폰트 baseline에서부터의 상단 높이. (폰트에 포함된 글자 중 가장큰 값을 가지는 글자의 상단 높이)
textMetrics.fontBoundingBoxDescent ; // 폰트 baseline에서부터의 하단 높이. (폰트에 포함된 글자 중 가장큰 값을 가지는 글자의 하단 높이)
textMetrics.actualBoundingBoxAscent; // 그려지는 문자열 기준 baseline에서부터의 상단 높이.
textMetrics.actualBoundingBoxDescent; // 그려지는 문자열 기준 baseline에서부터의 하단 높이.
actualBoundingBoxAscent 와 actualBoundingBoxDescent 는 문자열에 따라서 달라진다.
특히 y 같이 밑이 긴 문자가 들어가면 actualBoundingBoxDescent 값이 더 커진다.
다른 문자열과 일관적으로 보이게 하려면
fontBoundingBoxAscent, fontBoundingBoxDescent 를 사용하라
