html5-Canvas绘制线条-closePath();
2012-05-09 14:13
411 查看
$(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();将路径闭合
下图是一个用了,闭合,一个没有用:
![](http://pic002.cnblogs.com/images/2012/405283/2012050914105559.jpg)
相关文章推荐
- html5 Canvas绘制线条 closePath()实例代码
- 小贝_html5 canvas绘制线条曲线
- html5-Canvas绘制线条
- html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
- HTML5 Canvas(1) 绘制基本图形和线条
- HTML5 canvas基本绘图之绘制线条
- HTML5的CANVAS绘制线条,MOVETO和LINETO详解
- HTML5 Canvas(1) 绘制基本图形和线条
- HTML5-Canvas 绘制线条的深入认识
- HTML5 Canvas里绘制椭圆并保持线条粗细均匀的方法
- 使用html5 Canvas绘制线条(直线、折线等)
- html5的canvas绘制线条,moveTo和lineTo详解
- js+html5通过canvas指定开始和结束点绘制线条的方法
- js+html5通过canvas指定开始和结束点绘制线条的方法
- HTML5使用canvas绘制图形
- 用html5的canvas画布绘制贝塞尔曲线完整代码
- 让IE8支持HTML5及canvas功能!chart.js图表绘制工具库IE8上兼容方案
- HTML5 Canvas学习---第三章 《Canvas上画线条,圆弧,曲线》
- HTML5 Canvas 绘制云团 【每日一段代码35】
- js+html5绘制图片到canvas的方法