Создание SVG на лету и ссылка в CSS ⇐ CSS

[Anonymous]

Я пытаюсь создать элемент svg на лету, добавляя его в тело и изменяя таблицу стилей CSS, чтобы она ссылалась на идентификатор svg как на конкретное свойство класса. SVG выглядит следующим образом:

| путь> | "M0 2h8"> А CSS выглядит так:

.pattern-1 {fill: url("#pattern-1);} Это работает, если я добавляю эти элементы в HTML самостоятельно, но когда я создаю SVG и CSS «на лету», SVG не добавляется к моим элементам. Если я добавляю svg в HTML и создаю CSS на лету, он работает, поэтому, похоже, это зависит от svg. Есть какие-нибудь советы, как это сделать?