如何根据容器的高度获取合适的字体大小?

时间:2019-05-15 09:15:55

标签: javascript html5-canvas fabricjs webfonts

例如,我有一个宽度为400px,高度为80px的容器,还有一个通用字体,除了fontSize以外,还有一些样式,主要的是fontFamily(有很多自定义字体)。

因此,目标是获取fontSize,以便根据容器的高度(在这种情况下为80px)将文本适合该容器。

现在,我使用以下算法对宽度进行相同操作:

  1. 使用fontSize之外的所有相同样式创建2个fabric.js文本 导致fontSize需要相差1px才能得到差异
  2. 然后在生成文本后,我使用 以下:diffWidth = width2-width1
  3. 然后我使用以下命令获取fontSize以适合容器 宽度:fontSize = widthOfTheContainer(400px)/ diffWidth

所以它对宽度非常合适,但是相同的算法对高度却不起作用。

0 个答案:

没有答案