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

ellipseMode()函數是p5.js中的內置函數，用於通過更改方式來設置繪製橢圓的位置。此函數的默認模式是ellipseMode(CENTER)。

用法:

ellipseMode( mode )

參數：該函數接受上述和以下描述的單個參數：

mode:此參數包含區分大小寫的不同模式常量，因此必須以大寫字母使用。模式為CENTER，RADIUS，CORNER或CORNERS。

示例1:

function setup() {  
       
    // Create Canvas of given size  
    createCanvas(300, 300);  
   
}  
   
function draw() {  
       
    background(220); 
       
    // Set ellipseMode to RADIUS 
    ellipseMode(CORNER); 
      
    // Fill color 
    fill('green'); 
    
    // Draw the ellipse 
    ellipse(150, 150, 100, 100); 
  
    // Set ellipseMode to CENTER 
    ellipseMode(CONRNERS);  
      
    // Fill color 
    fill("white"); 
      
    // Draw the ellipse 
    ellipse(50, 50, 50, 50); 
     
}

輸出：

示例2:

function setup() {  
       
    // Create Canvas of given size  
    createCanvas(300, 300);  
   
}  
   
function draw() {  
       
    background(220); 
       
    // Set ellipseMode to RADIUS 
    ellipseMode(RADIUS); 
      
    // Fill color 
    fill('green'); 
    
    // Draw the ellipse 
    ellipse(150, 150, 100, 100); 
  
    // Set ellipseMode to CENTER 
    ellipseMode(CENTER);  
      
    // Fill color 
    fill("white"); 
      
    // Draw the ellipse 
    ellipse(150, 150, 50, 50); 
     
}

輸出：

在線編輯：
環境設置：

參考： https://p5js.org/reference/#/p5/ellipseMode

相關用法

注：本文由純淨天空篩選整理自jit_t大神的英文原創作品 p5.js | ellipseMode() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。