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

时间:2014-12-29 19:11:51

标签: javascript p5.js

问题:

我正在尝试在我的简单应用中使用p5.js,并将其包括在内:

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

我尝试了什么:

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

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

1 个答案:

答案 0 :(得分:4)

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);