p5.js | mag()函数

p5.js 中的mag()函数用于查找向量的大小或长度。由于向量没有起始位置，因此从位置 (0, 0) 到 (x, y) 计算大小。它相当于使用 dist(0, 0, x, y)。

句法：

mag( a, b )

参数：此函数接受上面提到的两个参数，如下所述：

• a：它是一个数字，表示第一个值，即向量的“x”坐标。
• b：它是一个数字，表示第二个值，即向量的“y”坐标。

返回值：它返回一个带有向量大小的数字。

以下示例说明了 p5.js 中的mag()函数：

例子：

function setup() {
  createCanvas(650, 400);
  strokeWeight(5);
  rect(0, 0, width, height);
  textSize(20);
  
  text("Click on the area below to draw"
          + " a line and calculate its "
          + "magnitude", 20, 30);
}
  
function mousePressed() {
  strokeWeight(1);
  
  // Draw line to where the
  // mouse is clicked
  line(0, 0, mouseX, mouseY);
  
  // Calculate the line magnitude
  lineMag = mag(mouseX, mouseY);
  
  // Draw the magnitude text on
  // the end of the line
  text(lineMag, mouseX, mouseY);
}

输出：

在线编辑器： https://editor.p5js.org/

环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

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