window.onload=function(){
var canvas=document.getElementById("canvas");
//宽高
canvas.width=800;
canvas.height=800;
var context=canvas.getContext("2d");
context.lineWidth=10;//直线宽度
//context.beginPath();
context.moveTo(100,200);//直线起点
context.lineTo(300,400);//直线终点
context.lineTo(100,600);//直线终点
context.strokeStyle="red";//绘制直线的颜色
context.stroke();//绘制
context.beginPath();
context.moveTo(300,200);//直线起点
context.lineTo(500,400);//直线终点
context.lineTo(300,600);//直线终点
context.strokeStyle="green";//绘制直线的颜色
context.stroke();//绘制
context.beginPath();
context.moveTo(500,200);//直线起点
context.lineTo(700,400);//直线终点
context.lineTo(500,600);//直线终点
context.strokeStyle="#058";//绘制直线的颜色
context.stroke();//绘制
1、代码的最后少了一个大括号
2、第二个和第三个beginPath()后面的分号改成在英文输入法下的分号
试一下,看看能否运行
我喜欢这样写,其实都是小粗心,我也是刚学习,一起加油