javascript - 图像未出现...JS (p5.js)

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

已解决

它是一个 google chrome 安全 block 。我用的是火狐浏览器，效果很好。

<小时/>

已在 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

感谢所有试图提供帮助的人!