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