Adding image to

Question

I have this code:

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

This shows me this: ¥5,000.00

What I want is to show me with China flag, like this: Tried many ways, but can't. One was like:

<tspan x='8' dy='16' id='china'><img src='https://i.stack.imgur.com/INxnl.png'  width='20px' height='20px'>" + ¥5,000.00 + "</tspan>

please show all relevant code . Where is this concatenation taking place? — charlietfl, Feb 03 '16 at 23:19
well, I think this should be enough, could you please let me know what exactly you need? — AmazingDayToday, Feb 03 '16 at 23:23
note that `` doesn't accept `` as child https://developer.mozilla.org/en-US/docs/Web/SVG/Element/tspan — charlietfl, Feb 03 '16 at 23:26
Is the `tspan` inside a `td` or something? You could use prepend or prependto on the parent 'td' to create `` or have you considered changing it from a `tspan` to something more relevant/useful? — dhruveonmars, Feb 03 '16 at 23:55
Knocked off a point because you refuse to show us the surrounding code. Don't believe you should get a point for this. — Droid Chris, Feb 04 '16 at 00:55
@SeattleSam why not prepend the image to the `` before the `` so the image and tspan are siblings rather than the image being a child of the tspan? — dhruveonmars, Feb 04 '16 at 17:56

score -1 · Answer 1 · edited Feb 12 '16 at 16:23

So it appears that this <tspan> tag should only be part of a text element...

Within a <text> element, text and font properties and the current text position can be adjusted with absolute or relative coordinate values by including a tspan element. ... The attribute rotate was implemented in Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1).

So perhaps you need to do move the <img> tag outside of the text element.

Here is the HTML I just parsed:

<html>
    <body>
        <img src='https://i.stack.imgur.com/INxnl.png'  width='600px' height='100px'>
    </body>
</html>

The image tag loads the following image:

The image includes the text.

Adding image to

1 Answers1