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.
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);
}<div style="width: 1796px; height: 184px; position: relative">
<img src="A24.jpg" usemap="#indbuttonmap">
<div style="position: absolute; left: 121px; top: 17px; width: 35px; height: 57px">
<canvas id="display" width="35" height="57"></canvas>
</div>
<div style="position: absolute; left: 119px; top: 115px; width: 35px; height: 57px">
<canvas id="display" width="35" height="57"></canvas>
</div>
</div>