如何使用Processing.js水平翻转图像?

Mai*_*tor 3 javascript processing html5 canvas processing.js

没有太多可以添加到这个问题.如何使用Processing.js水平翻转图像?

unb*_*ble 7

假设你已经加载了你的img:

processing.draw = function () {
   // place image
    processing.image(img, 0, 0);

    // flip using a matrix
    processing.pushMatrix();
    processing.scale(-1.0, 1.0)
    processing.image(img, -img.width, 0);
    processing.popMatrix();
};
Run Code Online (Sandbox Code Playgroud)

如果需要,调整参数以垂直翻转图像应该不会太难.

  • 颠倒绘图可能比访问和写入所有像素更快.+1 (2认同)