canvasを背景にする方法

Question

###前提・実現したいこと
canvasでアニメーションを作ってそれを背景にしたいです。
今の状態だと、テキストを上に重ねることができないです。

###該当のソースコード

  window.onload = function(){
      const cvsw = 1500;   // canvasタグに指定したwidth
      const cvsh = 800;
      const imgsize = 125;  // canvasタグに指定したheight
      const srcs = ["images/reaf.png","images/reaf.png","images/reaf2.png","images/reaf2.png", "images/reaf3.png","images/reaf3.png"];
      const canvas = document.getElementById('cvs');
      const ctx = canvas.getContext('2d');
      const images = srcs.map(function(src, index){
          const image = new Image();
          image.src = src;
          return { image, x: Math.random()*cvsw, y:0, index };
      });
      for(const image of images){
          image.onload = setInterval(function(){
              if(image.y >= 800-120)
              return;
              if(image.index == 0)
              ctx.clearRect(0,0,cvsw,cvsh);
              ctx.drawImage(image.image, image.x, image.y, 125, 125);
              image.y += 1
          },19);

      }
  }
  </script>

/*body*/
body #wrapper{
    width: 100%;
    height:100%;
    min-height:100%;
    overflow: hidden;
    position: fixed;}
body{
    width:100%;
    margin: 0;
    padding: 0;
}
body #wrapper{
    width: 100%;
    height:100%;
    min-height:100%;
    overflow: hidden;
    position: fixed;
  }
#container {
  background: 
    position: absolute;
    top:0;
    right:20px;
    left:20px;
  }

よろしくお願いします。

Comments

[kei344]

回答が付いた質問の編集は慎重に行ってください。質問文のコードについて回答にて指摘があった場合は「追記」し、元のコードを編集する場合も「直したこと」がわかるようにしてください。

Answer 1

<section id = body>

ではなく

<section id="body">

ですね。

Comments

[homel15k]

ありがとうございます！まだ慣れていないので間違えてしまいました。