Actualmente estoy usando un html2canvas (para tablas para representarlas en un lienzo y extraer el URI de datos) y ApexCharts (para gráficos para extraer el URI de datos) para pasar los URI a un archivo PDF en línea. También modifico los gráficos y tablas según los datos que el usuario puede cambiar. Sin embargo, he notado constantemente los siguientes problemas:
En html2canvas, el SVG cambiará según el ancho de la página. Para mí, esto significa que las instrucciones para construir el URI están cambiando al renderizar
En apexcharts, cambiar de manera similar el tamaño de los gráficos que exporto a URI de datos altera su apariencia. Además, después de representar un gráfico y obtener el URI de datos, trato de ocultar el gráfico y el URI predeterminado es nulo, o cuando represento el gráfico fuera de la pantalla, también obtengo un valor nulo.
¿Hay alguna forma de obtener las instrucciones para crear la imagen sin mostrarla en la página? Soy bastante nuevo en reaccionar/js (en la semana 3 de usarlo). ¿O hay una forma elegante de ocultar la imagen (ya sea en otro componente no visto o en el mismo componente)?
Gracias de antemano, su amigable, vecino, zonked dev
(Tenga en cuenta que estoy mucho más familiarizado con la sintaxis de reacción, por lo que si hay una forma ordenada de JS que he patinado, ¡siéntase libre de indicarme esa dirección!)
Después de recibir una respuesta de la gente de apexcharts (un rotundo no) y escuchar a algunas personas con más experiencia que yo (desarrollador de software senior y profesor en mi programa de maestría) resulta que no, no puedo acceder a partir de ahora a un gráfico o de lo contrario, DataURI a menos que lo represente en la página visible. Me aconsejaron que hiciera este trabajo en el backend y compilara el pdf allí (se sugirió ejecutar un navegador sin cabeza para este propósito) y luego enviarlo al front-end en formato pdf.
¡Actualizaré si esta es una característica que se crea!