当前位置： 移动技术网 > IT编程>网页制作>Html5 > html5 Canvas绘制线条 closePath()实例代码

html5 Canvas绘制线条 closePath()实例代码

2019年07月25日  | 移动技术网IT编程  | 我要评论
核心代码:

复制代码
代码如下:

$(function(){
var can = $("#can").get(0);
var txi = can.getcontext("2d");
txi.beginpath();
txi.moveto(105,105);
txi.lineto(105,45);
txi.lineto(45,105);
txi.closepath();
txi.stroke();
txi.beginpath();
txi.moveto(25,25);
txi.lineto(100,25);
txi.lineto(25,100);
txi.stroke();
})


复制代码
代码如下:

<canvas id="can" width="170" height="170"></canvas>

closepath();将路径闭合
下图是一个用了，闭合，一个没有用：

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网