title: How can I stack two same-sized canvas on top of each other?
body: <p>Below is le code. I want movementCanvas underneath canvas.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;script type="text/javascript" src="game.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;canvas id="canvas" width="710" height="597" style="border:1px solid #c3c3c3;"&gt;
      &lt;p&gt;Your browser doesn't support canvas!&lt;/p&gt;
    &lt;/canvas&gt;
  
    &lt;canvas id="movementCanvas" width="710" height="597" style="border:1px solid #c3c3c3;"&gt;
    &lt;/canvas&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Second question. At a higher level, I'm trying to hide the canvas below. The movementCanvas is a color-coded map where I'll look up what value is there when clicked, and the only way to access the pixels is by using the HTML5 canvas and context. The top "canvas" is the front end and should look nice. Does that sound like a sane way to do this?</p>