2

Processing.js では、以下を使用して画像を描画できます。

image(x,y,width,height)

ただし、幅と高さのパラメーターを追加しても、画像はそのサイズにしかスケーリングされません。width代わりに画像をトリミングして、最初のピクセルを右に、最初のピクセルを下に描画するにはどうすればよいheightですか?

たとえば、X'ed 部分のみを描画します。

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

3 に答える 3

3

コピー機能を使って画像を効果的にトリミングできます

次に例を示します。

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);
}

これにより、画像が読み込まれ、垂直方向に半分のサイズにトリミングされます。

于 2012-06-13T23:25:55.923 に答える
0

画像スプライトのように聞こえます：

#yourImage
{
    width:46px;
    height:44px;
    background:url(yourimage.gif) 0 0;
}
于 2012-06-13T19:28:06.143 に答える
0

Processingでこれを行う方法はわかりませんが、コンテキスト自体drawImageがこれをサポートしています https://developer.mozilla.org/en/DOM/CanvasRenderingContext2D#drawImage

context.drawImage(image, x, y, realWidth, realHeight, startX, startY, drawnWidth, drawnHeight)
于 2012-06-13T23:37:11.757 に答える