如何在 processing.js 中画一条线（）？

【问题标题】：How to draw a line() in processing.js?如何在 processing.js 中画一条线（）？
【发布时间】：2018-02-11 06:00:14
【问题描述】：

今天我学习了一些处理中的形状，比如椭圆、直线、矩形。当我实际尝试对其进行编码时，它没有画出任何直线或椭圆。这是代码

<! doctype html>
<html>
<!-- styles, title, head, etc -->
<body>
  <canvas id='cvs'></canvas>
  <script type='text/processing' data-processing-target='cvs' src='processing.js'>
  // The processing.js and html(this) file are both on my desktop
    size(400, 400);
    line(100, 100, 300, 300);
    ellipse(200, 200, 100, 100);
  </script>
</body>
</html>

顺便说一句，我在可汗学院学习。

【问题讨论】：

你能张贴你的输出截图吗？
我试过了，但是 scrShot 大于 2Mb。输出只是一个灰色的窗口，没有别的

标签： javascript html processing line

【解决方案1】：

听起来有些东西没有正确加载。请查看您的 developer tools 是否有任何错误或未正确加载的文件。

让我大吃一惊的是，您可能希望将代码放入 setup() 和 draw() 函数中，如下所示：

void setup(){
 size(400, 400);
}

void draw(){
  line(100, 100, 300, 300);
  ellipse(200, 200, 100, 100);
}

如果您仍然无法弄清楚，请发布一个指向我们可以使用的 JSFiddle 或 CodePen 的链接。

【讨论】：

感谢您的帮助！我的脚本 src 不正确。顺便说一句，我怎样才能使尺寸适合整个屏幕
@Blue 请在他们自己的帖子中提出后续问题，但请先进行一些谷歌搜索。尝试搜索“processing.js fullscreen”以获得大量结果。祝你好运。