圆
<canvas id="myCanvas"<!-- width="2000" height="1000" style="border:1px solid #c3c3c3; -->">
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.beginPath()
cxt.arc(120, 80, 50, 0, 360 * Math.PI / 180, true)
// cxt.closePath()
// cxt.strokeStyle='red'
// cxt.fillStyle='rgba(255, 10, 15, .6)'
cxt.stroke()
// cxt.fill()
</script>
等腰三角形
cxt.moveTo(20,20);
cxt.lineTo(70,60);
cxt.lineTo(140,60);
cxt.lineTo(20,20);
五角星
cxt.moveTo(400,400);
cxt.lineTo(600,400);
cxt.lineTo(470,500);
cxt.lineTo(500,300)
cxt.lineTo(550,500);
cxt.lineTo(400,400);
正方体
cxt.moveTo(900,100);
cxt.lineTo(1100,100);
cxt.lineTo(1100,300);
cxt.lineTo(900,300);
cxt.lineTo(900,100);
cxt.lineTo(950,80);
cxt.lineTo(1150,80);
cxt.lineTo(1100,100);
cxt.lineTo(1150,80);
cxt.lineTo(1149,290);
cxt.lineTo(1100,300);