ReactPDF

• diegomura/react-pdf
  • Create PDF files using React
  • yogo+pdfkit
  • react-reconciler, scheduler
• 参考
  • https://react-pdf-repl.vercel.app/
  • aanckar/react-pdf-tailwind
  • table layout
    • https://github.com/diegomura/react-pdf/issues/2343
  • ag-media/react-pdf-table
    • page wrapping may happen in unexpected ways:

export const PDFViewer = ({ title, style, className, children, innerRef, showToolbar = true, ...props }) => {
  const [instance, updateInstance] = usePDF();

  useEffect(() => updateInstance(children), [children]);

  const src = instance.url ? `${instance.url}#toolbar=${showToolbar ? 1 : 0}` : null;

  return <iframe src={src} title={title} ref={innerRef} style={style} className={className} {...props} />;
};

FAQ

The "windows-1252" encoding is not supported

• fontkit

new TextDecoder('ascii');

RangeError [ERR_ENCODING_NOT_SUPPORTED]: The "windows-1252" encoding is not supported

fix

apk add icu-data-full