canvas封闭图形填充与

来源:互联网 发布:ubuntu 改ssh端口 编辑:程序博客网 时间:2024/05/06 18:26
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>封闭图形填充和clothpath</title></head><body><div>    <canvas id="canvas" width="800px" height="800px"></canvas></div><script type="text/javascript">    var dom=document.getElementById("canvas");    var ctx=dom.getContext('2d');    ctx.lineWidth=10;    ctx.beginPath();//清楚所有的点    ctx.lineTo(100,200);//从上一个点开始到指定的点    ctx.lineTo(300,400);    ctx.lineTo(100,600);    ctx.closePath();    ctx.strokeStyle="#c12121";    ctx.stroke();    ctx.fillStyle="#054";    ctx.fill();//实心填充</script></body></html>
演示图

0 0
原创粉丝点击