打印并下载 React 组件到纸张的完整尺寸

Question

我在 8.5:11 的比例中构建了一个很好的 React 组件来匹配标准字母页面，现在我试图让用户从浏览器中全尺寸下载和打印它。一直尝试先使用 html-to-image 库将其转换为 SVG，但我似乎无法调整它的大小，而且它太小了，因为组件为 340px x 440px。

你会怎么做？我不太介意下载的格式，png，jpg，甚至svg都可以。

如果有办法将其调整为 95%，以避免打印机在打印时切掉边缘，那就加分了。

Answer 1

您可以使用react-to-print库，它将允许您打开打印表并将html模板打印为pdf或直接打印，它将完美打印内容

const handlePrint = useReactToPrint({
       content: () => componentRef?.current,
       documentTitle: 'title',
});