Иметь этот код:
var gradient = ctx.createLinearGradient(0,0, 20, 0);
gradient.addColorStop(0.8, "rgb(250,250,0)");
gradient.addColorStop(1, "rgb(150,150,0)");
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, 20, 20);
Если я переместлю fillRect по x, y, результирующий градиент не будет таким же, он изменится. Если я присваиваю то же значение для createLinearGradient's x, y, все равно не работает. Итак, я хочу нарисовать прямоугольник в позиции 100,100, сохранив тот же линейный градиент, что и в 0,0, как можно этого достичь? Какая связь между ними?
Спасибо!