<body>
<canvas id="cvs" width="600" height="600" style="border: 1px solid #00a4ff;"></canvas>
</body>
<script>
var cvs = document.querySelector('#cvs').getContext('2d');
cvs.beginPath();
cvs.moveTo(100, 100);
cvs.lineTo(400, 100);
cvs.lineTo(250, 400);
cvs.closePath();
cvs.stroke();
cvs.fillStyle = 'pink';
cvs.fill();
</script>
效果如图 :