html - HTML5キャンバスにグラデーションラインを描く方法は?

Question

グラデーションラインを描画する関数を探しています。幅1pxのグラデーション長方形を描くことで実現できますが、どういうわけかいつも間違った色になります。四角形内の位置は相対的であり、絶対位置を使用して線を引く必要があるためだと思います。

それでは、誰かが簡単な関数の例を示すことができますか?

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