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

Question

我正在寻找绘制渐变线的功能。它可以通过绘制1px宽的渐变矩形来实现，但不知怎的，我总是得到错误的颜色。我认为因为rect内的位置是相对的，我需要使用绝对位置绘制线。

那么有人可以展示快速示例功能吗？

Answer 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();
}