Sorry, is part of this the canvas color tag?
</head>
<body onload="init();" style="margin:0;">
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="250" height="250"></canvas></a>
<div id="animation_container" style="background-color:rgba(16, 24, 31, 1.00); width:250px; height:250px">
<canvas id="canvas" width="250" height="250" style="position: absolute; display: block; background-color:rgba(16, 24, 31, 1.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:250px; height:250px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</body>
</html>
yes but you have duplicate canvas tags with identical ids, so your encoding is malformed.
try:
<body onload="init();" style="margin:0;">
<div id="animation_container" style="background-color:rgba(16, 24, 31, 1.00); width:250px; height:250px">
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="250" height="250" style="position: absolute; display: block; background-color:rgba(16, 24, 31, 1.00);"></canvas>
</a>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:250px; height:250px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</body>