我试图通过索引html文件运行p5.js脚本，但它只创建画布，而不运行绘制函数。下面是index.html文件中的html:
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
</head>
<body>
<script src="samplesquares.js"></script>
</body>
</html>
下面是samplesquares.js文件中的js:
function setup() {
createCanvas(400, 400);
}
function draw() {
var randm = 0, color1 = 0;
background(220);
randm = random();
if (randm <0.33){
color1= color(0, 114, 206);
}else if (randm <0.66){
color1= color(240, 84, 84);
}else{
color1= color(48, 71, 94);
}
fill(color1);
square(100, 80, 200, 80);
}
它似乎创建了画布，但没有运行绘制函数。我认为这是一个非常基本的错误，感谢任何帮助。
我在本地打开了index.html文件，也通过Web Server for Chrome，两次都得到了相同的输出。
将p5.js的版本从0.5.11更改为1.5.0(最新)解决了我的错误:
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/p5.min.js"></script>
我认为你不再需要addons/p5.dom.min.js了。