问画布没有出现在P5.js中
EN

Stack Overflow用户

提问于 2021-09-27 20:01:40

回答 1查看 219关注 0票数 1

所以，我试图在我的网站上加入一个绘图页面，P5.js可能是我知道的最简单的方法，因为它类似于Processing.js，我从可汗学院学到了这一点。但出于某种原因，画布没有出现，问题是，没有错误信息，而且，它在P5.js网站编辑器上工作。

诚然，除了将代码复制粘贴到脚本标记之外，我还没有尝试过更多的方法，所以这可能是非常明显的。以下是脚本标记：

    <script src="lib/p5.js">
    function setup() {
  createCanvas(400, 400);
  background(255, 255, 255);
  noStroke();
}

function draw() {
  if(mouseIsPressed){
    fill(mouseY, mouseX, 0);
    ellipse(mouseX, mouseY, 10, 10);
    
    
  }
}
    </script>

( lib文件夹中唯一的东西是p5.js)

javascript

p5.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-27 21:55:03

您需要为您的库导入提供一个单独的<script>标记，以及您的草图javascript。HTML不支持具有<script>和内联内容的src标记。

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js">
  </script>
  <script>
    function setup() {
      createCanvas(400, 400);
      background(200);
      noStroke();
    }

    function draw() {
      if (mouseIsPressed) {
        fill(mouseY, mouseX, 0);
        ellipse(mouseX, mouseY, 10, 10);


      }
    }
  </script>
</head>

<body>
  Example:
</body>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69352639

复制

相似问题

问画布没有出现在P5.js中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问画布没有出现在P5.js中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问画布没有出现在P5.js中
EN