El lienzo creado en la parte inferior de la página
change document.body.appendChild(canvas);
to document.getElementById('headerId').appendChild(canvas);
Indian Gooner
change document.body.appendChild(canvas);
to document.getElementById('headerId').appendChild(canvas);