Невозможно отобразить градусный символ (°) в SVG - PullRequest
Новая
       9

Невозможно отобразить градусный символ (°) в SVG

0 голосов
/ 30 августа 2018

Я пытаюсь отобразить символ градуса (°) в SVG, управляемом D3.js. До сих пор я пробовал разные кодировки, но вместо этого всегда получаю , и следующие коды символов просто отображаются в виде обычного текста: ° или °.

Я использую <meta charset="UTF-8">.

Как бы вы отобразили этот символ? Может быть, есть свойство SVG, которое я мог бы установить?

1 Ответ

0 голосов
/ 30 августа 2018

Я не понимаю, почему это должно быть проблемой. Вы сказали, что добавили <meta charset="UTF-8"> в файл HTML, но действительно ли вы сохранили его с использованием кодировки UTF-8? Некоторые текстовые редакторы по умолчанию используют другие наборы символов, такие как iso-8859-1, поэтому у вас там могут быть неправильные коды символов. Если ваш Javascript хранится в отдельном файле, убедитесь, что он также правильно закодирован.

Также следует помнить, что символьные объекты, такие как &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>
...