Добавление изображения в <tspan>

У меня есть этот код:

<svg>
    <text>
        <tspan x='8' dy='16' id='china'>" + ¥5,000.00 + "</tspan>
    </text>
</svg>

Это показывает мне это: ¥5,000.00

Я хочу показать мне флаг Китая, вот так: Перепробовал много способов, но не могу. Один был как:

<tspan x='8' dy='16' id='china'><img src='https://stackru.com/images/e5324f47a3497549dd638321d6a70b90219f87af.png'  width='20px' height='20px'>" + ¥5,000.00 + "</tspan>
Источник

1 ответ

Итак, похоже, что это <tspan> тег должен быть только частью текстового элемента...

В пределах <text> свойства элемента, текста и шрифта, а также текущая позиция текста могут быть скорректированы с помощью абсолютных или относительных значений координат путем включения элемента tspan.... Атрибут поворота был реализован в Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1).

Так что, возможно, вам нужно сделать <img> тег вне текстового элемента.

Вот HTML, который я только что проанализировал:

<html>
    <body>
        <img src='https://stackru.com/images/e5324f47a3497549dd638321d6a70b90219f87af.png'  width='600px' height='100px'>
    </body>
</html>

Тег изображения загружает следующее изображение:

Изображение включает в себя текст.

Источник
Другие вопросы по тегам