canvas之画一条线段

时间:2014-08-15 14:26:09   收藏:0   阅读:329

bubuko.com,布布扣

 

 1  var canvas=document.getElementById("canvas");
 2     //设置绘图环境
 3     var cxt=canvas.getContext(‘2d‘);
 4     //开启新路近
 5     cxt.beginPath();
 6     // 设置笔触的宽度
 7     cxt.lineWidth=10;
 8     //设置笔触的颜色
 9     cxt.strokeStyle="#00ff00";
10     //设定笔触的位置
11     cxt.moveTo(20,20);
12     //设置移动的位置
13     cxt.lineTo(100,20);
14     //画线
15     cxt.stroke();//这个时候的线已经出来了
16     //关闭路径
17     cxt.closePath();
18     //凡事路径图形必须先开始路径,画完之后必须结束路径

 

canvas之画一条线段,布布扣,bubuko.com

原文:http://www.cnblogs.com/guoyansi19900907/p/3914718.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!