图片未显示...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 安全块。我用的是 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)

Image not appearing... JS (p5.js)

html

javascript

processing

p5.js