当前位置: 首页>>代码示例>>用法及示例精选>>正文


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

p5.j​​s中的nfp()函数用于将输入数字(整数或浮点数)格式化为字符串,并根据输入数字的符号给出正号(+)和负号(-)。

用法:

nfp(Num, Left, Right)

参数:此函数接受上述和以下所述的三个参数:


  • Num:这是输入正数或要格式化的数字数组。
  • Left:这是一个正数,表示位数应在小数点的左侧。
  • Right:这是一个正数,表示位数应在小数点的右侧。

返回值:它返回格式化的字符串。

以下程序说明了p5.js中的nfp()函数:

示例1:本示例使用nfp()函数格式化输入数字。

function setup() {  
   
    // Creating Canvas size 
    createCanvas(450, 200);  
}  
  
function draw() {  
       
    // Set the background color  
    background(220);  
     
    // Initializing the Numbers 
    let num1 = 345;  
    let num2 = -12.3;  
    let num3 = .5;  
    let num4 = .05;  
    let num5 = 0;  
    let num6 = -0.7;  
      
    // Calling to nfp() function. 
    let A = nfp(num1, 4, 3); 
    let B = nfp(num2, 4, 2); 
    let C = nfp(num3, 5, 3); 
    let D = nfp(num4, 2, 3); 
    let E = nfp(num5, 2, 2); 
    let F = nfp(num6, 4, 3); 
      
    // Set the size of text  
    textSize(16);  
       
    // Set the text color  
    fill(color('red'));  
     
    // Getting formatted String 
    text("Formatted String is: " + A, 50, 30); 
    text("Formatted String is: " + B, 50, 60); 
    text("Formatted String is: " + C, 50, 90); 
    text("Formatted String is: " + D, 50, 110); 
    text("Formatted String is: " + E, 50, 140); 
    text("Formatted String is: " + F, 50, 170); 
} 

输出:

示例2:本示例使用nfp()函数格式化输入数字。

function setup() {  
   
    // Creating Canvas size 
    createCanvas(450, 90);  
}  
  
function draw() {  
       
    // Set the background color  
    background(220);  
     
    // Initializing the array of numbers 
    let num1 = [-345, 0, 2];  
    let num2 = [-12.3, .4, -2.0];  
      
    // Calling to nfp() function. 
    let A = nfp(num1, 4, 3); 
    let B = nfp(num2, 4, 2); 
      
    // Set the size of text  
    textSize(16);  
       
    // Set the text color  
    fill(color('red'));  
     
    // Getting formatted String 
    text("Formatted String is: " + A, 50, 30); 
    text("Formatted String is: " + B, 50, 60); 
} 

输出:

参考: https://p5js.org/reference/#/p5/nfp



相关用法

注:本文由纯净天空筛选整理自Kanchan_Ray大神的英文原创作品 p5.js | nfp() Function。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。