在Canvas中精确测量包含拼音的字体高度并非易事，因为measureText方法和DOM计算通常无法准确反映拼音对字高造成的影响。拼音通常位于汉字之上或之下，增加了字体的垂直空间，而简单的文本测量方法往往忽略了这一点。
解决方法是利用opentype.js库。该库能够解析OpenType字体文件，并提供更精细的字体信息控制。
opentype.js的Font.draw()方法可以创建给定文本的路径，并允许设置字号、字距调整和连字功能等属性，从而更精准地模拟最终渲染效果。
更重要的是，Glyph.getBoundingBox()方法可以计算字形的最小边界框，返回一个包含x1, y1, x2, y2坐标的opentype.BoundingBox对象。通过遍历文本中的每个字形并获取其边界框，我们可以精确计算包含拼音的文本总高度。
例如，我们可以依次绘制每个字形的路径，然后使用Glyph.getBoundingBox()获取边界框信息，最终计算整个文本的垂直范围，从而得到精确的高度值。 这种方法避免了measureText和DOM方法的误差，准确测量包含拼音的字体高度。
