[Q&A] javascriptで図形を描こうとしたが何も表示されない[助けて]

javascriptで図形を描こうとしたが何も表示されない[助けて]

解決したいこと

現在javascriptでゲームを作ろうとcanvasで図形を出そうとしていたのですがなぜか何も出ずネットで調べても何も分からなかったので質問させて頂きました。

該当するソースコード

  <body>
    <canvas id="canvas" width="800" height="500"></canvas>
    <script>
      let canvas1 = document.getElementById("canvas");
      let ctx = canvas1.textContent("2d");
      window.onload = function under(){
        ctx.beginPath();
        ctx.strokeStyle = "green";
        ctx.lineWidth = 1;
        ctx.strokeRect(30,30,200,50);
        ctx.stroke();
      }
    </script>

  </body>

自分で試したこと

コードを片っ端から見直してネットでも調べましたが分かりませんでした。

1Answer

@ktz_alias posted at 2021-07-22

let ctx = canvas1.textContent("2d");

多分ここが間違い。textContentは要素のテキストを取得・設定するためのプロパティ

Node.textContentより

Node.textContent
textContent は Node のプロパティで、ノードおよびその子孫のテキストの内容を表します。

キャンバスのコンテキスト取得はgetContextメソッド

Comments

@metaton
Questioner
回答ありがとうございます。
おかげさまでちゃんと表示されました。
とても助かりましたありがとうございます。