Как нарисовать линию градиента на холсте HTML5?

Question

Im ищет функцию для рисования градиентной линии. Это может быть достигнуто путем рисования прямоугольника градиента шириной 1px, но почему-то я всегда получаю неправильные цвета. Я думаю, потому что позиции внутри прямоугольника являются относительными, и мне нужно провести линию, используя абсолютные позиции.

Так может кто-нибудь показать функцию быстрого примера?

Answer 1

Вот функция, она должна accomplis линия градиента рисования

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