สัญลักษณ์องศา (Degree Symbol) ใน HTML5 Canvas

สำหรับสัญลักษณ์องศาใน HTML5 Canvas ลองรันโค้ดด้านล่าง:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style media="screen">
      body {
        margin: 5em;
        background: #eee;
        text-align: center;
      }
      canvas {
        background: #fff;
        border: 2px solid #ccc;
        display: block;
        margin: 3em auto;
      }
    </style>
  </head>
  <body>
    <script charset="utf-8">
      var c = document.getElementsByTagName('canvas')[0];
      c.width = c.height = 300;
      var context = c.getContext('2d');
      context.font = "20px sans-serif";
      context.fillText("212° Fahrenheit", 100, 100);
    </script>
  </body>
</html>