Javascript 在Java脚本中将图像添加到按钮中

我需要使图像可点击（按钮）或添加图像到按钮

下面是我要修改的代码

class Button{
    constructor(){
      this.button1 = createButton("Test");
      }
 
    display(){
      this.button1.position(displayWidth - 1150, displayHeight/2 - 300);
      this.button1.size(125.6,183.3);
      }
    
    this.button1.mousePressed(()=>{
      console.log("Worked!!");
  });

我正在用visual studio代码制作，我有p5 play和p5.js库

---

提前感谢。

您可以通过设置css样式属性。例如，设置“背景”属性：

button.style（'background'，'url(https://raw.githubusercontent.com/Rabbid76/graphics-snippets/master/resource/texture/apple64.png)");

let按钮；
函数设置（）{
createCanvas（100100）；
背景（0）；
按钮=创建按钮（“测试”）；
按钮样式（“颜色”、“白色”）；
样式（'background'，'url(https://raw.githubusercontent.com/Rabbid76/graphics-snippets/master/resource/texture/apple64.png)");
按钮样式（'width'，'64px'）；
按钮样式（'height'，'64px'）；
按钮位置（19,19）；
按钮。鼠标按下（按钮按下）；
}
功能按钮按下（）{
样式（'background'，'url(https://raw.githubusercontent.com/Rabbid76/graphics-snippets/master/resource/texture/banana64.png)");
}