Javascript-форум - Важный вопрос по CSS

Скажите, а возможно ли сначала разобрать закодированную background-image строку:

Код:

url('img.png'),

url('bg.png'),

linear-gradient(bottom, rgba(255,0,0,1) 0%, rgba(255,0,0,0) 100%),

element(#canvas)

Скажите, как сначала разделить на 4 значения (массив), затем парсить каждую по-своему?
Для каждого предложите паттерн:
1. Разбор строки (массив "url(...)","url(...)","linear-gradient(...)","element(...)" );
2. Парсер url (массив "img.png")
3. Парсер градиента (массив "bottom", "rgba(255,0,0,1) 0%... ")
4. Парсер element (вынуть оттуда индификатор или селектор)