Javascript 图像没有出现。。。JS（p5.JS）

这是在名为p5.js的javascript库中编码的。请参见：

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

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);
}

---

没有图像出现，因此我得到一个蓝色屏幕（我的背景）

已解决

这是一个谷歌浏览器的安全块。我使用了firefox，它工作得很好

---

在YouTube评论中解决：

---

还必须调整语法现在看起来是这样的：

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中不起作用

这也可能有助于：

---

多亏了大家的帮助

注意，这是复制粘贴语法，与文档中完全相同。为什么不使用

css

来设置自定义光标？例如，well js fiddle甚至没有运行它，尽管库是可用的，但在这里，请在参考页面上查看此情况，您的代码中没有调用任何这些函数。setup（）也是如此；draw（）；它改变了什么吗？你能解释一下这个Chrome安全块吗？这可能有助于将来遇到相同或类似问题的其他人。在youtube上的一条评论中解决了一个问题。查找Márk Molnárhad的评论，也可以调整语法，现在看起来是这样的：var img；函数preload（）{arrowMouse=loadImage（“assets/arrowMouse.png”）；}函数setup（）{createCanvas（1000650）；}函数draw（）{background（20155255）；fill（0,0,0）；cursor（“none”）；image（arrowMouse，mouseX，mouseY，20,30）；}但这在Chrometh中不起作用。这也可能有帮助吗？如果这是问题的答案，请将其标记为已接受，以便您的答案不再显示为需要答案。