이미지 자르기 Processing.js

Question

Processing.js을 사용하여 이미지를 그릴 수있다. 대신 이미지를 자르고 오른쪽에 먼저 width 픽셀을 그리고 아래쪽으로는 처음으로 height 픽셀을 그립니다.

이

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

Answer 1

예입니다

예 만 X'ed 부분을 그립니다 :

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

이미지를로드 한 다음 수직으로 절반 크기로 자릅니다.

Answer 2

이미지 스프라이트와 같은 소리 : 당신은 효과적으로 여기 copy function

사용하여 이미지를자를 수 있습니다

#yourImage 
{ 
    width:46px; 
    height:44px; 
    background:url(yourimage.gif) 0 0; 
} 

Answer 3

내가 처리에서이 작업을 수행 할 수있는 방법을 모르겠지만, 나는 processing.js을 사용하고 말했듯이 문맥의는 자신의 drawImage이 https://developer.mozilla.org/en/DOM/CanvasRenderingContext2D#drawImage

context.drawImage(image, x, y, realWidth, realHeight, startX, startY, drawnWidth, drawnHeight)