参考 p5.Font

p5.Font

描述字体的类。

示例

语法

p5.Font([pInst])

参数

pInst
P5:

指向 p5 实例的指针。

方法

textBounds

返回使用当前字体编写的文本的边界框。

边界框是可以包裹住文本字符串的最小矩形。 font.textBounds() 返回一个包含边界框位置和大小的对象。例如,调用 font.textBounds('p5*js', 5, 20) 将返回以下格式的对象: { x: 5.7, y: 12.1 , w: 9.9, h: 28.6 } xy 属性始终代表边界框左上角的坐标。

第一个参数 str 是一条文本字符串。第二和第三个参数 xy 代表文本的位置。默认情况下,它们决定了边界框左下角的坐标。请参考 textAlign() 函数,以便了解更多文本对齐方式。

第四个参数fontSize是可选参数。它可用于设置能够决定边界框尺寸的字体大小。默认情况下,font.textBounds() 函数将使用当前的 textSize()

textToPoints

返回一组勾勒出使用当前字体的文本轮廓的点的数列。

数组中的每个点对象都有三个属性,用于描述点的位置和朝向(也称其路径角)。例如:{ x: "10, y: 20, alpha: 450 }

"

第一个参数 str 是一条文本字符串。第二和第三个参数 xy 代表了文本的位置。默认情况下,它们决定了边界框左下角的坐标。请参考 textAlign() 了解更多文本对齐方式。

第四个参数 fontSize 是可选参数,用于设置了文本的字体大小。默认情况下,font.textToPoints() 会使用当前的 textSize()

第五个参数,options,也是可选的。 font.textToPoints() 函数在此参数上需要包含以下两种属性的对象:

sampleFactor 是文本路径长度与 采样数量之比。默认值为 0.1。值越高,沿路径产生的点越多,因此路径也更精确。

simplifyThreshold 的值不为0时,将删除所有共线的点。该值是确定两条边是否为共线的阈值角度。

Notice any errors or typos? Please let us know. Please feel free to edit src/typography/p5.Font.js and open a pull request!

相关参考