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

时间:2013-07-20 06:27:13

标签: javascript html5 canvas processing processing.js

添加问题并不多。如何使用Processing.js水平翻转图像?

2 个答案:

答案 0 :(得分:6)

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

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

答案 1 :(得分:0)

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-horizontally.html