我有这个代码:
<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='/image/INxnl.png' width='20px' height='20px'>" + ¥5,000.00 + "</tspan>
最佳答案
看来这个<tspan>
标签只能是文本元素的一部分...
在<text>
内通过包含 tspan 元素,可以使用绝对或相对坐标值来调整元素、文本和字体属性以及当前文本位置。 ...属性旋转在 Gecko 2.0 (Firefox 4/Thunderbird 3.3/SeaMonkey 2.1) 中实现。
所以也许您需要移动 <img>
标记在文本元素之外。
这是我刚刚解析的 HTML:
<html>
<body>
<img src='/image/INxnl.png' width='600px' height='100px'>
</body>
</html>
图像标签加载以下图像:
图像包含文本。
关于jquery - 将图像添加到 <tspan>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35189543/