image Crop Processing.js

Question

Processing.js permet de dessiner une image en utilisant:

image(x,y,width,height) 

mais en ajoutant les paramètres largeur & hauteur sera uniquement échelle de l'image de cette taille. Comment puis-je recadrer l'image et dessiner seulement width pixels vers la droite et height pixels vers le bas?

Par exemple, dessiner seulement la partie X'ed:

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

Answer 1

Vous pouvez effectivement recadrer une image en utilisant le copy function

Voici un exemple :

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

Ceci charge une image puis la coupe verticalement à la moitié de sa taille.

Answer 2

Sons comme un sprite d'image:

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

Answer 3

Je ne sais pas d'une façon de le faire dans le traitement, mais propre drawImage prend en charge cette https://developer.mozilla.org/en/DOM/CanvasRenderingContext2D#drawImage

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