代码之家  ›  专栏  ›  技术社区  ›  VincentDM

无法在SVG中显示度字符(°)

  •  2
  • VincentDM  · 技术社区  · 6 年前

    我试图在由D3.js操纵的SVG中显示一个度字符(°)。到目前为止,我已经尝试了不同的字符集,但我总是得到一个相反的字符集,下面的字符代码只是显示为常规文本: ° °

    <meta charset="UTF-8">

    你将如何显示那个符号?也许我可以设置SVG属性?

    1 回复  |  直到 6 年前
        1
  •  5
  •   r3mainer    6 年前

    我不明白为什么这会是个问题。你说你加了 <meta charset="UTF-8">

    还要记住,角色实体就像 &deg; 在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>