预览加载中，请您耐心等待几秒...

html5使用canvas画三角形_1.docx

预览
1/5
2/5
3/5
4/5
5/5

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

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);