У меня есть файл .svg, который содержит сотни <path> тегов с уникальными идентификаторами.У меня есть коллекция Firebase Firestore со следующими полями: ID, NAME, URL.Мне нужно динамически создать ссылку для каждого пути из Firestore на основе идентификатора (который является полем NAME в Firestore) пути.
Как извлечь идентификаторы из путей, ищите их в Firebase, а затем сделать ссылки, используя соответствующий URL?
Я хочу динамически создать карту изображений из файла .svg на основе каждого идентификатора пути.Я пытался использовать jquery .wrap, но не смог дать никаких результатов.
Мне нужно динамически превратить эти статические пути в ссылки:
<path id="apple" d="M291.64266,2274.01282l-.00531.03405c-...">
<path id="banana" d="M496.18315-.08371.37079-...">
Мне нужно поискать«яблоко» и «банан» в моей коллекции Firestore, захватите URL, а затем превратите путь в ссылку, чтобы получить что-то вроде:
<a href="http://mylink.com/someapplelink"><path id="apple" d="M291.64266,2274.01282l-.00531.03405c-..."></a>
<a href="http://mylink.com/somebananalink"><path id="banana" d="M496.18315-.08371.37079-..."></a>
Возможно, есть лучший способ, чем заключить его в теги <a>, может быть, просто создать события onclick?