p5.js createCanvas 未定义错误.未捕获的引用错误

p5.js createCanvas not defined error. Uncaught ReferenceError

本文关键字：错误 引用 createCanvas 未定义 p5 js      更新时间：2023-09-26

问题：

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

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

我尝试过：

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

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

p5.js不会加载到"全局模式"，除非它看到页面上定义了setup()或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);
相关文章：