Question

我有这段代码：

<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>

Answer 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>

图片代码加载以下图片：

图像包含文字。