p5.js |游标()函数

p5.js 中的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