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

  1. HTML5キャンバス変換

    HTML5キャンバスは、変換行列を直接変更できるメソッドを提供します。変換行列は、最初はID変換である必要があります。その後、変換方法を使用して調整できます。 例 キャンバス変換の例を見てみましょう： <!DOCTYPE HTML> <html>    <head>       <script>          function drawShape(){             //

  2. HTML5でキャンバスを中央に配置する方法は？

    HTML 5でキャンバスを中央に配置するには、divタグにcanvasタグを含めます。次に、divタグを中央揃えにします。そうすることで、キャンバスも中央揃えになります。 例 <!DOCTYPE html>. <html>    <body>       <div style = "text-align:center;">          <canvas style = "background-color:GR