如何解决是否有可能让 SVG 与 react-top-print 一起工作?
想法是打印我在我创建的 pdfviewer 组件中显示的 pdf 文档。我从服务器获取 Uint8Array 并在组件内部呈现。一切正常,到目前为止一切顺利。
问题始于在我的 pdf 查看器中实现打印功能。我正在将带有 react-pdf 库的 pdf 渲染为 SVG。
const PdfViewer = (props) => {
// removed code that is not important for this issue
const elmRef= useRef()
// removed code that is not important for this issue
const handlePrint = useReactToPrint({
content: () => elmRef.current
});
//const handlePrint = useReactToPrint({
return (
<Dialog className="dialogBox" title={props.dataItem[props.field]} onClose={props.modalAction} height={'95vh'} width={'90vw'} onClose={props.onClose}>
<PdfDocumentControls
handlePrint={handlePrint}
/>
<BasePdfViewer className='pdfViewer' pageNumber={pageNumber} file={file} onDocumentLoadSuccess={onDocumentLoadSuccess} zoom={zoom} refElm={elmRef} />
{props.children}
</Dialog>
);
};
当“handlePrint”触发时,我收到对话框,但似乎无法渲染 svg。
问题:有没有办法将这个 SVG 正确渲染为打印框内的文本?
解决方法
解决方案:像往常一样,经过几天的挣扎,刚刚在 SO 上发布问题后,大脑开始运作,我想出了解决方案。
将 pdf 渲染为画布而不是 SVG 可以解决问题,并且 pdf 会按预期打印出来。
泰。干杯
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。