2

我有这个代码:

<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='http://i.stack.imgur.com/INxnl.png'  width='20px' height='20px'>" + ¥5,000.00 + "</tspan>
4

1 回答 1

-1

所以看起来这个<tspan>标签应该只是文本元素的一部分......

<text>元素内,文本和字体属性以及当前文本位置可以通过包含 tspan 元素使用绝对或相对坐标值进行调整。... 属性 rotate 在 Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) 中实现。

因此,也许您需要将<img>标签移到文本元素之外。

这是我刚刚解析的 HTML:

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

图片标签加载以下图片:

在此处输入图像描述

图像包括文本。

于 2016-02-03T23:14:34.940 回答