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

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

utf svg d3.js html

VincentDM · 技术社区 · 7 年前

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

<meta charset="UTF-8">

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

1 回复 | 直到 7 年前

r3mainer 7 年前

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

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

推荐文章

WebDragon · 是否可以通过在html<SVG>标签中设置特定的data-*属性来更改SVG图像中显示的文本内容?

8 月前

Paul Lovell · 为什么JavaScript中生成的SVG元素的大小与HTML中直接定义的SVG元素不同?

8 月前

man · CSS-如何具有或模拟仅适用于内部的半径边框

9 月前

McLaren · 增加笔划宽度属性后,图标将被裁剪

9 月前

docker compose · React Native中椭圆或圆角矩形视图周围的进度边界

1 年前

Lucas Martins Soares · 如何覆盖SVG图像的默认颜色?[副本]

1 年前

user2171796 · 两个M。。。Z序列相遇,背景颜色显现

1 年前

MarcelausZell · 调整svg的大小会导致额外的高度

1 年前

RaiuProGram · Svg evenoodd=“true”不起作用(用路径在Svg上打孔)

1 年前

compx · 当尝试使用Selenium选择svg时,NoSuchElements存在

1 年前