在画布上创建介于两个切线之间的弧 - 在线编辑器

          <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
您的浏览器不支持 HTML5 canvas 标签。
</canvas>
<script>
  var c = document.getElementById("myCanvas");
  var ctx = c.getContext("2d");
  ctx.beginPath();
  ctx.moveTo(20, 20); //创建一个起点
  ctx.lineTo(100, 20); // 创建一个水平线
  ctx.arcTo(150, 20, 150, 70, 50); // 创建一个弧
  ctx.lineTo(150, 120); // 继续垂直线
  ctx.stroke(); //绘画
</script>
        