html5使用canvas画三角形.docx

html5使用canvas画三角形html5使用canvas画三角形html5如何使用canvas画三角形，就跟随百分网小编一起去了解下吧，想了解更多相关信息请持续关注我们应届毕业生考试网!<canvasid="canvas"width="500"height="500"style="background-color:yellow;"></canvas>代码如下:varcanvas=document.getElementById("canvas");varcxt=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();<canvasid="canvas"width="500"height="400"style="background-color:yellow;"></canvas>代码如下:varcanvas=document.getElementById("canvas");varcxt=canvas.getContext("2d");cxt.font="40px黑体";//绘制实心字cxt.fillStyle="red";//填充红色cxt.fillText("hello,思思博士",10,50);//绘制空心字cxt.strokeStyle="red";//红色边cxt.strokeText("hello,思思博士",10,100);