今天小编跟大家讲解下有关html5使用canvas画三角形 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关html5使用canvas画三角形 的相关资料，希望小伙伴们看了有所帮助。

<canvas id="canvas" width="500" height="500" style="background-color: yellow;"></canvas>复制代码代码如下: var canvas=document.getElementById("canvas"); var cxt=canvas.getContext("2d"); cxt.beginPath(); cxt.moveTo(250,50); cxt.lineTo(200,200); cxt.lineTo(300,300); cxt.closePath();//填充或闭合 需要先闭合路径才能画 //空心三角形 cxt.strokeStyle="red"; cxt.stroke(); //实心三角形 cxt.beginPath(); cxt.moveTo(350,50); cxt.lineTo(300,200); cxt.lineTo(400,300); cxt.closePath(); cxt.fill();

来源：爱蒂网