title: Using canvas animation as background
body: <p>I've made a flipping animation that I want to use for background of my website. I've set the canvas size to 1280*800 and saved it as a webpage. I tried to use an iframe and let the browser scale it to fit (100%;100%), but it's not working very well. Since the body is set to 950px and auto margin, the iframe will only align to as left as the left side of the body, and the iframe did not scale with zooming in/out. </p>
  
  <p>Is there a better way to do this than using iframes? Php or js? </p>
  
  <p>The reason I've saved the animation as a separate webpage is because I felt I made it have too many lines (~1100), there are basically 20 or so of the same flipping animation, and I didn't know a better way other than just to do them individually and use style to place them around.</p>