У меня есть элемент SVG, который состоит из формы и текста. Этот элемент несколько раз реплицируется в файле SVG, и я хотел воспользоваться символом и использовать теги.
Но мне нужно иметь возможность передавать значения для обновления текстовых узлов внутри символа, поскольку каждый символ будет иметь свое собственное значение.
Есть ли способ сделать это без Javascript?
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 800 800">
<defs>
<g id="Initials">
<circle id="bgColor" cx="200" cy="200" r="80" class="cls-9"/>
<text id="label" fill="white" font-size="50" transform="translate(170, 220)">
10
</text>
</g>
</defs>
<use href="#Initials" />
<use href="#Initials" x="200" y="0" />
</svg>