| 标题 | html5使用canvas画三角形 |
| 范文 | <canvas id="canvas" width="500" height="500"></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(); ![]() |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。