标题 | html5使用canvas画一条线 |
范文 | 代码太简单了,就不废话了 代码如下: var canvas=document.getElementById("canvas"); //设置绘图环境 var cxt=canvas.getContext('2d'); //开启新路近 cxt.beginPath(); // 设置笔触的宽度 cxt.lineWidth=10; //设置笔触的颜色 cxt.strokeStyle="#00ff00"; //设定笔触的位置 cxt.moveTo(20,20); //设置移动的位置 cxt.lineTo(100,20); //画线 cxt.stroke();//这个时候的线已经出来了 //关闭路径 cxt.closePath(); //凡事路径图形必须先开始路径,画完之后必须结束路径 ![]() |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。