在 p5js 上翻转图像 Y 轴

Question

我需要在 P5js 中在 Y 轴上翻转图像

我知道对于 X 轴的翻转，以下代码有效

push();
scale(-1, 1)
image(pg,-width/2,0, width/2, height);
pop();

但是我找不到在 Y 轴上做的方法。

Answer 1

将 y 轴缩放 -1:

scale(1, -1);

并用 -height 的 y-coordinate 绘制图像：

image(..., ..., -height, ..., height);

let img;
function preload() {
  img = loadImage('https://raw.githubusercontent.com/Rabbid76/graphics-snippets/master/resource/texture/supermario.jpg');
}

function setup() {
  createCanvas(256, 256);
}

function draw() {
  push();
  scale(1, -1);
  image(img, 0, -height, width, height);
  pop();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.min.js"></script>

在 p5js 上翻转图像 Y 轴

Flip image Y axis on p5js

javascript

processing

p5.js