Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTML5 캔버스 학위 기호


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>