
在本教程中,我们将学习如何使用 FabricJS 计算文本中所需行索引处的行高。我们可以通过添加 Fabric.Text 的实例在画布上显示文本。它不仅允许我们移动、缩放和更改文本的尺寸,而且还提供了附加功能,例如文本对齐、文本装饰、行高,这些功能可以分别通过属性 textAlign、underline 和 lineHeight 获得。我们还可以使用 getHeightOfLine 方法计算所需行索引处的行高。
语法
getHeightOfLine(lineIndex: Number)
参数
lineIndex - 此参数接受 Number 作为值。给定的值决定了我们要计算高度的线的索引。
示例 1
使用 getHeightOfLine 方法
让我们看一个代码示例,看看使用 getHeightOfLine 方法时记录的输出。在这种情况下,第 1 行索引处的行的高度将显示在控制台中。
Using the getHeightOfLine method
You can open console from dev tools and see that the height of line is being displayed in the console
示例 2
使用 getHeightOfLine 方法并传递不同的字体大小
让我们看一个代码示例,以查看使用 getHeightOfLine 方法以及不同的字体大小 30 时记录的输出。在这种情况下,第 0 行索引处的行高度将以给定的字体大小显示。
Using the getHeightOfLine method and passing a different font size
You can open console from dev tools and see that the height of line is being displayed in the console










