javascript - 裁剪图像 Processing.js

Question

Processing.js 允许使用以下方法绘制图像:

image(x,y,width,height)

但是添加宽度和高度参数只会将图像缩放到该尺寸。我怎样才能裁剪图像，只在右边绘制第一个 width 像素，在底部绘制第一个 height 像素？

例如，只绘制 X'ed 部分:

---------------------------.  
|XXXXXXXXXXXXX             | 
|XXXXXXXXXXXXX             | 
|XXXXXXXXXXXXX             | 
|XXXXXXXXXXXXX             | 
|                          | 
|                          | 
|                          |                            
---------------------------.

Answer 1

您可以使用 copy function 有效裁剪图像

举个例子:

PImage oImg;
void setup() {
   oImg = loadImage("postgres.jpeg");
   size(oImg.width, oImg.height); 
}

void draw() {
   background(0);
   int iStart = new Float(oImg.width/2).intValue();
   int iWidth = oImg.width-iStart;
   copy(oImg, iStart,0,iWidth,oImg.height,0,0,iWidth,oImg.height);
}

这会加载一张图片，然后将其垂直裁剪成一半大小。