javascript - p5.j​​s createCanvas 未定义错误。 Uncaught ReferenceError

Question

问题:

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

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

我尝试过的:

如果我放置一个调试器并查看控制台，我确实获得了 p5Color(对于 ex)和其他函数。并且脚本可以很好地加载到页面上。除了 createCanvas 不会自动完成并且在页面中使用时会抛出上述错误。

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

Answer 1

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

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

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

选项 2 - 使用 instance mode . (如果你真的想从控制台使用 p5.js，这可能是你最好的选择。)

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