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

p5.js中的hex()函数用于将数字转换为十六进制表示法。

用法:

hex(Number)

参数：该函数接受参数Number，该参数将转换为十六进制形式。此参数也可以是数字数组。

返回值：它返回转换后的十六进制表示形式。

以下示例程序旨在说明p5.js中的hex()函数。
示例1：

function setup() { 
  
    // Creating Canvas size 
    createCanvas(600, 200); 
} 
  
function draw() { 
  
    // Set the background color  
    background(220); 
  
    // Initializing some numbers 
    let Number1 = 20; 
    let Number2 = 255; 
    let Number3 = 0; 
    let Number4 = 25; 
    let Number5 = 70; 
  
    // Calling to hex() function. 
    let A = hex(Number1); 
    let B = hex(Number2); 
    let C = hex(Number3); 
    let D = hex(Number4); 
    let E = hex(Number5); 
  
    // Set the size of text  
    textSize(16); 
  
    // Set the text color  
    fill(color('red')); 
  
    // Getting hexadecimal notation 
    text("Hexadecimal representation of 20 is: " + A, 50, 30); 
    text("Hexadecimal representation of 255 is: " + B, 50, 60); 
    text("Hexadecimal representation of 0 is: " + C, 50, 90); 
    text("Hexadecimal representation of 25 is: " + D, 50, 110); 
    text("Hexadecimal representation of 70 is: " + E, 50, 140); 
}

输出：

示例2：

function setup() { 
  
    // Creating Canvas size 
    createCanvas(650, 100); 
} 
  
function draw() { 
  
    // Set the background color  
    background(220); 
  
    // Initializing some numbers 
    let Number1 = [20, 255, 30]; 
    let Number2 = [255, 7, 9]; 
  
    // Calling to hex() function. 
    let A = hex(Number1); 
    let B = hex(Number2); 
  
    // Set the size of text  
    textSize(16); 
  
    // Set the text color  
    fill(color('red')); 
  
    // Getting hexadecimal notation 
    text("Hexadecimal representation of [20, 255, 30] is: "
     + A, 50, 30); 
    text("Hexadecimal representation of [255, 7, 9] is: " 
     + B, 50, 60); 
}

输出：

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

相关用法

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