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://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

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