danilzin
@danilzin
frontend developer

Как сделать конвертацию CSS градиента (в виде строки) в объект javascript?

Привет всем.
Обращаюсь за помощью.

Задача такая:
нужно залить SVG path элементы градиентом.

У меня приходит цвет градиента в виде строки:
linear-gradient(49.59deg, #165953 -40.47%, rgba(22, 89, 83, 0.24) 98.51%)


И мне с этого всего нужно сделать градиент в SVG. Ручками я это все протестировал, работает, осталось только этот процесс автоматизировать, потому что градиент будет приходить в виде CSS значения.

Псевдо-объект на выходе (для linear gradient):
{
  angle: "rotate(49.59)",
  stop_1: {
    color: "#165953",
    offset: "-40.47%",
  },
  stop_2: {
    color: "rgba(22, 89, 83, 0.24)",
    offset: "98.51%",
  }
}


Кто знает решения, идеи по лучше?
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы