Question

今天我正在学习像椭圆，直线，矩形等处理中的一些形状。当我真的尝试编码时，它没有绘制任何线条或椭圆。这是代码

<! 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>

是的，我正在学习汗学院。

Answer 1

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

有一件事突然发现，我可能想把你的代码放在setup()和draw()函数中，如下所示：

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

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

如果您仍然无法理解，请发布我们可以使用的JSFiddle或CodePen的链接。

如何在processing.js中绘制一条line（）？

1 个答案: