title: Can I use same canvas id to position same graphics in two different position?
body: <p>I am trying to use the same canvas id for identical drawings, but trying to put them in different positions. It's only letting me position the first graphic.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var display = new drawDisplay("display");
  display.pattern = "#";
  display.cornerType = 2;
  display.displayType = 7;
  display.displayAngle = 0;
  display.digitHeight = 32;
  display.digitWidth = 20;
  display.digitDistance = 2;
  display.segmentWidth = 3;
  display.segmentDistance = 0.5;
  display.colorOn = "rgba(255, 255, 255, 0.9)";
  display.colorOff = "rgba(0, 0, 0, 0.1)";
  
  draw();
  
  function draw() {
    display.setValue();
    window.setTimeout('draw()', 100);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="width: 1796px; height: 184px; position: relative"&gt;
    &lt;img src="A24.jpg" usemap="#indbuttonmap"&gt;
    &lt;div style="position: absolute; left: 121px; top: 17px; width: 35px; height: 57px"&gt;
      &lt;canvas id="display" width="35" height="57"&gt;&lt;/canvas&gt;
    &lt;/div&gt;
    &lt;div style="position: absolute; left: 119px; top: 115px; width: 35px; height: 57px"&gt;
      &lt;canvas id="display" width="35" height="57"&gt;&lt;/canvas&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>