p5.js | textDescent()函数

简介

textDescent() 函数用于获取文本下降值，即文本底部下降的像素值。这个函数经常与 textAscent() 函数一起使用，可以用来确定文本的行高度和基线位置。

语法

textDescent()

参数

该函数没有参数。

返回值

该函数返回文本下降的像素值。

示例代码

function setup() {
  createCanvas(400, 400);
  textSize(20);
  let ascent = textAscent();
  let descent = textDescent();
  console.log("ascent: " + ascent);
  console.log("descent: " + descent);
  text("Hello World", 10, 200 + ascent);
  stroke(255, 0, 0);
  line(0, 200 + ascent, width, 200 + ascent);
  stroke(0, 255, 0);
  line(0, 200 + ascent + descent, width, 200 + ascent + descent);
}

在这个示例代码中，首先获取文本的上升值和下降值，然后在画布中显示一段文本并在上升值和下降值处绘制两条线。

注意事项

• textDescent() 函数只能在 draw() 函数和 setup() 函数中使用。
• 必须先调用 textFont() 、textSize() 或 textStyle() 函数之后，才能使用该函数。