Estoy tratando de usar la misma identificación de lienzo para dibujos idénticos, pero tratando de colocarlos en diferentes posiciones. Solo me deja posicionar el primer gráfico.
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>