如何在HTML5画布上绘制渐变线？

我在找一个函数来画梯度线。它可以通过绘制一个1倍宽的渐变矩形来完成，但不知何故，我总是得到错误的颜色。我认为，因为矩形内的位置是相对的，我需要用绝对位置来画线

---

有人能展示一个快速的函数示例吗？

这里有一个函数，它应该可以完成渐变线绘制

function drawgradientline(x,y,height){
     var grd = context.createLinearGradient(x, y, 1, height);

      grd.addColorStop(0, '#12a6eb');   

      grd.addColorStop(1, '#ebc711');
  context.fillStyle = grd;
  context.fill();
}

---

只需一点代码，就可以更轻松地帮助您。。。这是一个示例。发布您正在尝试的示例代码