如何使用javascript绘制一个简单的stickman？_Javascript_Drawing

如何使用javascript绘制一个简单的stickman？

javascript

如何使用javascript绘制一个简单的stickman？,javascript,drawing,Javascript,Drawing,^ 上面是javascript（sketch.js），HTML只是 function setup(){ a = 5; } function draw(){ background(0,0,0); if (a == 5) { fill(255,255,255); ellipse(250,150,100,100); fill(255,255,255); r

^ 上面是javascript（sketch.js），HTML只是

     function setup(){

      a = 5;
    }

    function draw(){
      background(0,0,0);


      if (a == 5)
      {
        fill(255,255,255);
        ellipse(250,150,100,100);

        fill(255,255,255);
        rect(245,199,10,160);

        fill(255,255,255);
        rect(150,199,200,10);
}
    if (a == 6)
  {
    fill(250,189,65);
    ellipse(250,250,100,100);

     fill(178,102,255);
    ellipse(250,250,500,100);
  }
}

function keyTyped()
  {
    a = 5;
  }
  if (key == 'f')
  {
    a = 6;
  }
}

这就是我到目前为止所看到的，它只是展示了头部、手臂和身体，我找不到一种方法来画对角线/或腿部的弧线

编辑：我刚刚粘贴了完整的代码-我正在寻找创建拱形线条的最简单方法？

您可以尝试以下方法：

<!DOCTYPE html>
<html>
  <head>
  <body>




  </body>
</html>

你的代码不完整发布完整的html和javascripthey代码行，你介意解释一下吗？（rectMode，elliposeMode）我对这种东西还很陌生。我如何使用ellipseMode来创建一朵花呢？如中所示，一个椭圆在另一个椭圆中？这里有：这解释了如何使用ellipseMode

 function setup(){

  createCanvas(500,500);

  // initialize a, assign the value 5 to a
  a = 5;
}

function draw(){
  background(0,0,0);

  fill(255,255,255);
  text("M for Stickman, F for Flower",10,30);

  if (a == 5)
  {


    ellipseMode (CENTER);

ellipse (150,60,50,50);
point (140,60);
point (160,60);

rectMode (CENTER);

rect (150,135,50,100);

line (125,85,100,160);
line (175,85,200,160);
line (130,185,130,250);
line (130,250,125,250);
line (170,185,170,250);
line (170,250,175,250);
}