Drawing a triangle with canvas

function drowTriangle () {// draw a triangle

        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() //填充颜色
    }