Как на линию наложить градиент?

Question

[Александр Новиков]

Подскажите, пожалуйста, как на прямую линию в svg, вертикальную (x1=x2) или горизонтальную (y1=y2) наложить градиент?
Вот пример, что-то никак не хочет работать, хотя если отличается (x1 от x2 или y1 от y2 ) хотя бы на 0,1 - то все хорошо работает.

https://codepen.io/novisasha/pen/xMKvLo

Answer 1

[Юрий Самойлов]

<linearGradient 
...
gradientUnits="userSpaceOnUse" 
>