window.onload = function() { var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); //设置canvas的上下文环境 // 绘制直线 ctx.moveTo(80,80);//设置状态,起笔与(80,80) ctx.lineTo(300,300);//设置状态,直线落笔于(300,300) ctx.lineTo(300,400);//设置状态,直线落笔于(300,400) ctx.lineTo(80,80);//闭合图形 ctx.stroke();//绘制这条直线 ctx.lineWidth=5; ctx.strokeStyle="#058"; }
我懂了。。。。。。。9应该放在下面。。。。之前的都是状态设置啊////