p5.js | strokeCap()函数

p5.js 中的 strokeCap()函数用于设置行尾的样式。线的末端可以根据其参数 SQUARE、PROJECT 和 ROUND 进行舍入、平方或扩展。默认值为 ROUND。

句法：

strokeCap( cap )

参数：此函数接受单个参数cap ，它包含行尾的样式（ROUND、SQUARE 或 PROJECT）。

示例：此示例显示了所有不同类型的线结束边缘。

function setup() {
  
    // Create canvas of given size
    createCanvas(400, 400);
}
  
function draw() {
  
    // Set the background color
    background(50);
  
    // Set the weight of line stroke
    strokeWeight(15);
  
    // Set the color of line stroke
    stroke(20, 250, 100);
  
    // Set different edges style
    strokeCap(SQUARE);
    line(100, 200, 300, 200);
  
    strokeCap(ROUND);
    line(100, 100, 300, 100);
  
    strokeCap(PROJECT);
    line(100, 300, 300, 300);
}

输出：

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