怎么只让他画一根线

来源：3-11 编程练习

慕勒2048820

2019-05-23 19:38:52

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>canvas</title>
    <style>
        canvas{background-color:lightblue;}
    </style>
</head>
<body>
    <canvas id="canvas" width="800" height="800">
        您的浏览器不支持canvas
</canvas>
	<script>
		//在此处补充代码，可以将之前写好的机器人代码复制过来，也可以重新写一个
		var can = document.querySelector("canvas");
      var con = can.getContext("2d");
      
      con.moveTo(350, 50);
      con.lineTo(400, 150);
      con.strokeStyle = "orange";
      con.stroke();
      
      con.beginPath();
      con.moveTo(500, 50);
      con.lineTo(450, 150);
      con.strokeStyle = "red";
      con.stroke();
      
      
      con.strokeRect(350,150, 150, 100);
      con.strokeRect(330, 170, 20, 40);
      con.strokeRect(500, 170, 20, 40);
      
      con.beginPath();
      con.arc(390, 190, 10, 0, 2*Math.PI, true);
      con.stroke();
      
      con.beginPath();
      con.arc(460, 190, 10, 0, 2*Math.PI, true);
      con.stroke();
      
      con.strokeRect(400, 210, 50, 20);
      
      con.strokeRect(380, 250, 90, 180);
      
      con.strokeRect(210, 310, 170, 20);
      con.strokeRect(470, 310, 170, 20);
      
      con.strokeRect(395, 430, 20, 170);
      con.strokeRect(435, 430, 20, 170);
	</script>
</body>
</html>

写回答

3回答