HTML5 canvas lineTO()方法如何在同一个画布画不同粗细的，颜色的线条出来

是这样的，建议在同一画布上绘制不同模块时，记得使用 beiginPath()和closePath()框选起来，在里面使用stroke.style可以画不同颜色的东西

window.onload=function(){

var myCarvas=document.getElementById('my-carvas')//mycarvas画布的id

var ctx=myCarvas.getContext('2d');

//绘制矩形

ctx.beginPath();

ctx.fillStyle='#ff0000';//填充颜色

ctx.fillRect(5,5,100,100);//填充矩形 X Y width height

ctx.strokeStyle='blue';//边框颜色

ctx.lineWidth='5';//边框宽度

ctx.strokeRect(5,5,100,100)//边框起点X,Y  width height

ctx.closePath();

//基础线条

ctx.beginPath();

ctx.lineTo(150,150)

ctx.lineTo(250,150)

ctx.lineTo(200,250)

ctx.strokeStyle='darkgreen';

ctx.closePath();

ctx.stroke();

}

效果如下，（背景颜色是另外的样式）