p5.js | textLeading()函数

p5.js 中的textAlign()函数用于设置文本行之间的间距（以像素为单位）。此函数用于对 text()函数的所有后续调用。

句法：

textLeading(leading)

参数：此函数接受单个参数前导，该参数以像素为单位存储行间距的大小。

下面的程序说明了 p5.js 中的 textLeading()函数：

示例 1：此示例使用 textAlign()函数设置文本行之间的间距（以像素为单位）。

function setup() {
  
    // Create Canvas of given size
    createCanvas(380, 170);
}
  
function draw() {
    let string = "Geeks \n For \n Geeks";
      
    // Set the background color
    background(220);
      
    // Set the text size
    textSize(16);
      
    // Set the text 
    text(string, 0, 30);
      
    // set the text leading
    textLeading(34)
      
    text(string, 100, 30);
      
    // set the text leading
    textLeading(60)
      
    text(string, 200, 30);
}

输出：

示例 2：此示例使用 textAlign()函数返回文本行之间的间距（以像素为单位）。

function setup() {
  
    // Create Canvas of given size
    createCanvas(380, 170);
}
  
function draw() {
      
    let string = "Geeks \n For \n Geeks";
      
    // Set the background color
    background(220);
      
    // Set the text size
    textSize(16);
      
    // Set the text leading
    textLeading(34)
      
    // Get the value of text leading
    var u = textLeading();
      
    // Set the stroke color
    stroke(255, 204, 0);
      
    // Display the value
    text("Value of TextLeading is : " + u, 50, 30);
}

输出：

参考： https://p5js.org/reference/#/p5/textLeading