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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。