var c = document.getElementById('mycanvas') //获取画板对象
var ctx = c.getContext('2d') //获取上下文
ctx.strokeStyle = '#DF492F' //设置线条颜色
ctx.fillStyle = '#DF492F' //设置填充的颜色
ctx.beginPath()
ctx.moveTo(0, 10) //起点
ctx.lineTo(10, 0) //第二点
ctx.lineTo(20, 10) //第三点
ctx.closePath()
ctx.stroke() //开始绘制直线
ctx.fill() //填充颜色
}