html5使用canvas画三角形

时间:2016.04.18 发布人:gkbb2592

html5使用canvas画三角形

已解决问题

谷歌gkbb2592用户在2016.04.18提交了关于“陈天桥html5使用canvas画三角形”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2025-02-24T14:23:38。希望大家能够帮助她。

详细问题描述及疑问:期待您的答案,真心佩服你,谢谢 !

希望以下的回答,能够帮助你。

第1个回答

用户名:greenbagzwy  

<canvasid="canvas"width="500"height="500"style="background-color:yellow;"></canvas>

代码如下:
varcanvas=document.getElementById("canvas");
varcxt=canvas.getCo后有浓她ntext("2d");
cxt.beginPath();
cxt.moveTo(250,50);
cxt.lineTo(200,200);
cx问答t.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.fi信ll();