Подтвердить что ты не робот

Как я могу построить линию градиента в холсте HTML?

Я пытаюсь нарисовать линию, которая является градиентом. Как это возможно в холсте?

4b9b3361

Ответ 1

Да. Пример:

// linear gradient from start to end of line
var grad= ctx.createLinearGradient(50, 50, 150, 150);
grad.addColorStop(0, "red");
grad.addColorStop(1, "green");

ctx.strokeStyle = grad;

ctx.beginPath();
ctx.moveTo(50,50);
ctx.lineTo(150,150);

ctx.stroke();

Смотрите здесь:

http://jsfiddle.net/9bMPD/