📜  p5.js | strokeWeight()函数(1)

📅  最后修改于: 2023-12-03 15:18:12.056000             🧑  作者: Mango

p5.js | strokeWeight()函数

简介

strokeWeight()函数是p5.js中用于设置绘制线条的粗细的函数。该函数接受一个数值参数,指定绘制线条的粗细。

用法
strokeWeight(weight)
参数
  • weight:数值类型,指定绘制线条的粗细。
示例
function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  strokeWeight(5);
  line(0, 0, width, height);
}
输出结果

strokeWeight-example

注意事项
  • strokeWeight() 函数一般放在 setup() 函数中,以保证整个画布绘制的线条粗细一致。
  • strokeWeight() 函数影响的是随后所有和线条相关的绘图函数,例如 line()rect()等,而不仅仅是它之后的函数。
总结

strokeWeight()函数是p5.js中用于设置绘制线条粗细的函数,通过指定数值参数来调节线条粗细。掌握该函数的用法,可以改变线条的粗细,进而实现更复杂的绘制效果。