p5.j​​s createCanvas 未定义错误。未捕获的引用错误

Problem:

我正在尝试使用p5.js在我的简单应用程序中，并因此包含它：

<script src="static/js/p5.js"> </script>

我尝试过的：

如果我放置一个调试器并查看控制台，我确实会得到以下功能p5Color（例如）和其他。并且脚本会很好地加载到页面上。除了createCanvas不会自动完成，并且在页面中使用时会抛出上述错误。

为什么？我该如何解决这个问题？

p5.j​​s 不会加载到“全局模式”，除非它看到setup() or draw()页面上定义。

选项 1 - 强制全局模式。 （请注意，如果您这样做，createCanvas()在控制台中不会给你带来多大好处，因为setup()将已经在页面加载时运行。）

<script src="static/js/p5.js"> </script>
<script>
    function setup() {
        //...
    }
</script>

选项 2 - 使用实例模式。 （如果您确实想从控制台使用 p5.js，这可能是您最好的选择。）

var s = function( sketch ) {
  sketch.setup = function() {
    sketch.createCanvas(700, 410);
    //...
  };
};    
var myp5 = new p5(s);