title: Gaining Focus on <canvas>
body: <p>I currently have 2 canvases, to display the front and back of a shirt respectively. I have used a list to select whether I want to display the front or the back. I can only solve the problem with an anchor (<code>#front</code>), but it will mean scrolling to that specific location in the webpage. Do I have other methods to implement it and set focus to the front canvas when the page loads?</p>
  
  <pre><code>&lt;ul style="border:0px solid yellow; padding-left:10px;"&gt;
      &lt;li id="One"&gt;
          &lt;a href="#One" id="first" style="height:20px; width:208px; margin-bottom:-8px; padding-bottom:0px;"&gt;
              &lt;span style="margin-left:15px; font-size:medium;"&gt;Front Side&lt;/span&gt;
          &lt;/a&gt;
          &lt;div&gt;
              &lt;canvas id="collage" width="450" height="450" style="margin:0px; padding:0px;"&gt;&lt;/canvas&gt;
          &lt;/div&gt;
      &lt;/li&gt;
      &lt;li id="Two"&gt;
          &lt;a href="#Two" id="sec" style="height:20px; width:208px; margin-bottom:-8px; padding-bottom:0px;"&gt;
              &lt;span style="margin-left:15px; font-size:medium;"&gt;Back Side&lt;/span&gt;
          &lt;/a&gt;
          &lt;div&gt;
              &lt;canvas id="collage2" width="450" height="450" style="margin:0px; padding:0px;"&gt;&lt;/canvas&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>