p5.js | textLeading() 函数介绍

在 p5.js 中，textLeading() 函数用于设置行距。可以用它来改变文本行之间的距离。

语法

textLeading(leading)

leading: 行距的值（浮点数或整数）

参数

• leading：行距的值，以像素单位。

返回值

该函数没有返回值。

示例代码

function setup() {
  createCanvas(400, 400);
  textSize(36);
}

function draw() {
  background(220);
  textLeading(30);
  text("Hello World! I am p5.js.", 20, 50);
}

示例说明

在上述示例代码中，我们在画布上绘制了一段文本：“Hello World! I am p5.js.”。我们使用 textSize(36) 函数设置了文字的大小，然后使用 textLeading(30) 函数设置了行距为 30 像素。这意味着，每行文字之间的距离将是 30 像素。最后，在 (20, 50) 的位置绘制了该文本。

注意事项

• 行距不应小于文本大小。
• 行距是基于文本字体的，所以行距是相对的。例如，对于相同大小的文本字体，行距为 30 像素的 Arial 字体，显示的行距将比行距为 30 像素的 Times 字体要有所不同。
• 在使用 text() 函数之前调用 textLeading() 函数，以便将行距应用于下面的文本。