Как залить градиентом SVG?

Question

[Арсений Соколов]

Создаю svg градиент jQuery, но заливка не применяется, в чем проблема, что надо сделать?

jsfiddle.net/mxww27bv/1

Answer 1

[Арсений Соколов]

Вот решение: jsfiddle.net/mxww27bv/7

Answer 2

[Олег]

jsfiddle.net/mxww27bv/5

Comments

[Арсений Соколов]

Это понятно, что так будет работать, нужно добавление градиента именно через jQuery.

[Stalker_RED]

Арсен Беспалов, но почему? jQuery же не заточена под работу с SVG. Для работы с SVG есть другие библиотеки.

[Арсений Соколов]

Да не обязательно jQuery, можно и нативно сделать. Вариант решения уже есть, описан мной в моем ответе.

Answer 3

[Stalker_RED]

jsfiddle.net/mxww27bv/6 так?

Comments

[Арсений Соколов]

В вашем решении linearGradient уже был в SVG, а надо чтобы он позже появлялся, но все равно спасибо.