Quiero agregar una imagen de tela en PDFJS. así que escribo mi código de reacción a continuación.

 useEffect(async()=>{ await delay(1500) let iframe = document.getElementsByTagName("iframe") //get <iframe> from pdf.js let canvasList = iframe[0].contentWindow.document.getElementsByTagName("canvas") let pageInput = iframe[0].contentWindow.document.getElementById("pageNumber") pageInput.addEventListener("change",()=>{ //it works every page changing event setPage(pageInput.value) }) for await (let el of canvasList) { //canvas id init for block error el.id = "" } canvasList[page-1].id="a" // give id for make fabric canvas object var canvas = new fabric.Canvas(canvasList[page-1].id); canvas.add( // add fabric image new fabric.Rect({ left: 50, top: 50, height: 50, width: 50, fill: "red" }) ); canvas.renderAll(); },[page])

explicación del código Obtuve el elemento iframe de Pdfjs. Tiene un elemento de lienzo que tiene una página pdf. después, hago referencia a la identificación del elemento de lienzo y hago un objeto de lienzo de tela de acuerdo con el documento de tela finalmente, hice la imagen y la agregué

problema Toda la imagen siempre se encuentra detrás de PDFjs. entonces no puedo ver, seleccionar, controlar :(

imagen del problema

agrego imagenes pero no las puedo ver

Quiero