Question

这是在名为p5.js的javascript库中编码，请参阅：https://p5js.org/reference/

所以我设置了一个基本代码来尝试获取自定义光标......

var img;

function setup() {
  createCanvas(1000, 650);
  img = loadImage("assets/arrowmouse.png");
  image(img, mouseX, mouseY);
}

function draw() {
  background(20, 155, 255);
  fill(0, 0, 0);
}

没有图像出现，所以我得到一个蓝屏（我的背景）

Answer 1

<强>解决

它是谷歌Chrome安全块。我使用了Firefox，它运行良好。

在YouTube评论中解决：7.8: Objects and Images - p5.js Tutorial

也必须调整语法，现在看起来像这样：

var img; function preload(){ 
arrowMouse = loadImage("assets/arrowmouse.png"); 
} 
function setup(){ 
createCanvas(1000,650); 
} 
function draw(){ 
background(20,155,255); 
fill(0,0,0); cursor("none"); 
image(arrowMouse, mouseX, mouseY,20,30); 
}

但这不适用于chrome。

这也可能有所帮助：Disable same origin policy in Chrome

感谢所有想要帮助的人！

图片没有出现...... JS（p5.js）

1 个答案: