p5.js imageMode()用法及代碼示例

function preload() { 
  img = loadImage('sample-image.png'); 
} 
  
function setup() { 
  imageModes = [ 
    CORNER, 
    CORNERS, 
    CENTER 
  ]; 
  i = 0; 
  currMode = imageModes[i]; 
  
  createCanvas(600, 400); 
  textSize(22); 
  
  // Create a button for the switching 
  // the imageMode 
  switchBtn = createButton("Change imageMode"); 
  switchBtn.position(30, 400) 
  switchBtn.mousePressed(switchMode); 
} 
  
function draw() { 
  clear(); 
  text("Click on the button change the current"+ 
                           " imageMode", 20, 20); 
  text("Current imageMode:" + currMode, 20, 40); 
  
  // Creating a rectangle to demonstrate 
  // the location of the image 
  rect(150, 150, 200, 200); 
  
  // Setting the imageMode 
  imageMode(currMode); 
  
  // Drawing the image 
  image(img, 150, 150, 200, 200); 
} 
  
function switchMode() { 
  // Change the current imageMode 
  if (i < imageModes.length - 1) 
    i++; 
  else
    i = 0; 
  currMode = imageModes[i]; 
}