欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-13 08:46:28
html5 Canvas绘制线条 closePath()实例代码,需要的朋友可以参考下... 12-05-10...
核心代码:

复制代码
代码如下:

$(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();将路径闭合
下图是一个用了,闭合,一个没有用:

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

上一篇:

下一篇: