p5.js curveDetail()用法及代码示例

curveDetail()函数用于设置曲线显示的分辨率。当使用WEBGL渲染器时，此函数很有用，因为默认的画布渲染器不使用此信息。

用法:

curveDetail( resolution )

参数：此函数接受包含分辨率值的单个参数分辨率。该参数的默认值为20，而最小值为3。

下面的示例说明了p5.js中的curveDetail()函数：

例：

function setup() {  
    
    // Create canvas of given size 
    createCanvas(500, 300, WEBGL);  
    
    // Set the background of canvas 
    background('green'); 
    
    // Use curveDetail() function 
    curveDetail(5) 
}  
  
function draw() {  
      
    // Fill the color 
    fill('blue'); 
    
    // Draw the curve 
    curve(50, 200, 400, -250, 40, 0, 30, 30, 100, -50, 600, 50); 
}

输出：

在线编辑：
环境设置：

相关用法

注：本文由纯净天空筛选整理自jit_t大神的英文原创作品 p5.js | curveDetail() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。