web前端技术博客
您当前的位置:web前端 > html

canvas 使用closePath绘制封闭多边形

作者:只会切图的前端 发布时间:2021-03-16 10:24:40 浏览量:11

closePath()  将笔点返回到当前路径起点。尝试从当前点到起点绘制一条直线。

context.beginPath();
context.moveTo(100,350);
context.lineTo(500,350);
context.lineTo(500,200);
context.lineTo(700,400);
context.lineTo(500,600);
context.lineTo(500,450);
context.lineTo(100,450);
context.closePath();

context.lineWidth = 5;
context.fillStyle = "red";
context.strokeStyle = "#333";

context.fill();
context.stroke();

发表评论
验证码:
联系我
粤ICP备17092958号