title: HTML5 Canvas: How to border a fillRect?
body: <p>In HTML5, I want to make a <code>fillRect()</code> (with a white fill color) and a <code>border</code> (black). I don't want to use <code>strokeRect()</code> unless I can fill that later. I'm making a game where you click on squares and they change color (it's more complex than that but that's what this focuses on).</p>
  
  <pre><code>&lt;canvas id="canvas1" width="400" height="300" style="border:1px solid #000000;"&gt;&lt;/canvas&gt;
      &lt;script&gt;
          var c=document.getElementById("canvas1");
          var ctx=c.getContext("2d");
          ctx.strokeStyle="rgba(0,0,0,1)";
          ctx.strokeRect(0,0,100,100);
      &lt;/script&gt;
  </code></pre>
  
  <p>The border around the canvas is for reference.
  I can use CSS too, but currently everything is in HTML.</p>