html 5

   var c=$("#myCanvas")[0];
   var context= c.getContext("2d");
   // context.fillStyle="#ff0000";
    context.beginPath();
    context.moveTo(200, c.height/2); //起始点
    context.lineTo(c.width-200, c.height/2); //结束点
    context.lineWidth=20;
    context.strokeStyle="#ff0000";
    context.lineCap="round";
    context.stroke();