javascript - 如何使用 Processing.js 水平翻转图像？

Question

没有太多要补充的问题。如何使用 Processing.js 水平翻转图像？

Answer 1

假设您已经加载了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();
};

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

Answer 2

public PImage getReversePImage( PImage image ) {
 PImage reverse = new PImage( image.width, image.height );
 for( int i=0; i < image.width; i++ ){
   for(int j=0; j < image.height; j++){
     reverse.set( image.width - 1 - i, j, image.get(i, j) );
   }   
 }
 return reverse;
}

来自http://uihacker.blogspot.com/2012/04/processing-flip-pimage-horizo​​ntally.html