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

p5.j​​s中的cursor()函数用于将光标设置为预定义的符号或图像，或者如果它已被隐藏，则它可以显示。要将图像设置为光标，建议的尺寸为16×16或32×32像素。参数x和y的值必须小于图像的尺寸。

用法:

cursor(type, x, y)

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

• type:此参数存储光标的类型，例如ARROW，CROSS，HAND，MOVE，TEXT和WAIT本机CSS属性：'grab'，'progress'，'cell'等。External：光标图像的路径(允许的文件扩展名：.cur， .gif，.jpg，.jpeg，.png)。
• x:此参数存储光标的水平活动点。
• y:此参数存储光标的垂直活动点。

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

例：本示例使用cursor()函数显示光标。

function setup() { 
    
    // Create canvas 
    createCanvas(400, 400); 
      
    // Set the text size 
    textSize(40);  
      
    // Set the text alignment 
    // to center 
    textAlign(CENTER); 
} 
  
function draw() { 
    cursor('https://s3.amazonaws.com/mupublicdata/cursor.cur'); 
}

输出：

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