代码之家 › 专栏 › 技术社区 › Coding King2

图像未出现。。。JS(p5.JS)

p5.js processing html javascript

Coding King2 · 技术社区 · 6 年前

这是在名为p5的javascript库中编码的。js见: 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);
}

没有图像出现,所以我得到一个蓝屏(我的背景)

1 回复 | 直到 6 年前

NewToJS 6 年前

已解决

这是一个谷歌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

感谢所有试图帮助的人!

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前