Computer >> Máy Tính >  >> Lập trình >> Javascript

Biểu tượng bằng canvas HTML5

Đối với biểu tượng độ trong Canvas HTML5, hãy thử chạy mã sau - 

<!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>