我试图在由D3.js操纵的SVG中显示度数字符(°)。到目前为止,我已经尝试了不同的字符集,但我总是得到一个 而后面的字符代码只是显示为常规文本:°
或°
。
我正在使用<meta charset="UTF-8">
。
你会如何展示这个符号?也许我可以设置一个SVG属性?
我不明白为什么这应该是一个问题。你说你将<meta charset="UTF-8">
添加到HTML文件中,但实际上你是否使用UTF-8编码保存它?一些纯文本编辑器默认使用其他字符集,如iso-8859-1,因此您可能在某处有不正确的字符代码。如果您的Javascript存储在单独的文件中,请确保它也已正确编码。
还要记住像°
这样的字符实体不能在SVG文件中使用。
var svg = d3.select("body")
.append("svg")
.attr("width", 400)
.attr("height", 100);
svg.append("text")
.text("Water boils at 100°C")
.attr("x", 20)
.attr("y", 50)
.attr("font-family", "sans-serif")
.attr("font-size", "40px");
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>