📜  p5.js resetMatrix()函数(1)

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

p5.js resetMatrix()函数介绍

在p5.js中,resetMatrix()函数是一个用于重置绘图矩阵的函数。当绘图矩阵被修改过后,可以使用该函数将其重置为默认的单位矩阵,从而恢复默认的绘图状态。

语法
resetMatrix()
返回值

无返回值。

示例

下面是一个使用resetMatrix()函数的简单示例:

function setup() {
  createCanvas(400, 400);
  background(220);

  // 设置一个非单位矩阵
  translate(100, 100);
  rotate(PI/4);

  // 绘制一个矩形
  rect(0, 0, 50, 50);

  // 重置矩阵
  resetMatrix();

  // 绘制一个矩形,此时使用的是默认矩阵状态
  rect(0, 0, 50, 50);
}

在上面示例中,首先我们对绘图矩阵进行了修改,然后通过调用resetMatrix()函数将其重置为默认状态,从而绘制了一个没有旋转和平移的矩形。

注意事项
  • 使用resetMatrix()函数可以帮助我们避免由于重复执行变换操作而导致绘图出现意外的情况。
  • 一旦使用了resetMatrix()函数,之前应用到绘图矩阵的所有变换将会被清空,包括使用scale()translate()rotate()等函数所应用的变换。
  • resetMatrix()函数只会重置当前绘图上下文的绘图矩阵,不会影响其他绘图上下文的矩阵状态。