Tengo un lienzo en HTML y estoy tratando de poner un fondo transparente para poder colocar otros elementos debajo. Este es el código recomendado para habilitar un fondo transparente en un lienzo.
const canvas = document.getElementsByTagName('canvas'); document.body.appendChild(canvas); const ctx = canvas.getContext("2d"); <canvas style="width: 1500px; height: 800px;"></canvas>Mensaje de error: TypeError no detectado: no se pudo ejecutar 'appendChild' en 'Node': el parámetro 1 no es del tipo 'Node'.
Creo que está recibiendo el error/excepción debido al hecho de que getElementsByTagName devuelve una lista en lugar de un solo elemento.
Yo propondría/recomendaría usar getElementById
Una muestra sería algo como esto:
HTML:
<canvas id='canvas' width='600' height='300'> </canvas>JS:
const canvas = document.getElementById('canvas'); const ctx = canvas.getContext("2d");