Html 如何从角度视图创建包含内容的PDF？
我有一个Angular应用程序，用于渲染一些图形，例如： 现在我想将这个视图及其图形导出到PDF文件中，但目前我不确定如何解决这个问题 是否有方法将此视图的HTML导出为PDF，或者有其他方法基于视图生成PDF文件Html 如何从角度视图创建包含内容的PDF？,html,angular,typescript,pdf,export-to-pdf,Html,Angular,Typescript,Pdf,Export To Pdf,我有一个Angular应用程序，用于渲染一些图形，例如： 现在我想将这个视图及其图形导出到PDF文件中，但目前我不确定如何解决这个问题 是否有方法将此视图的HTML导出为PDF，或者有其他方法基于视图生成PDF文件 附加问题：假设我必须渲染视图并生成PDF后端，没有用户交互，您将如何处理此问题？到目前为止，您使用此库的机会最大： 或者，您可以尝试使用以下代码执行某些操作： print(){ var canvas = document.getElementById(id) as HTML
附加问题：假设我必须渲染视图并生成PDF后端，没有用户交互，您将如何处理此问题？到目前为止，您使用此库的机会最大： 或者，您可以尝试使用以下代码执行某些操作：
print(){
var canvas = document.getElementById(id) as HTMLCanvasElement;
var dataURL = canvas.toDataURL();
let popupWin,printContents;
popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');
popupWin.document.open();
popupWin.document.write(`
<html>
<head>
<title>${title}</title>
<style>
</style>
</head>
<body width="100%" height"="100%" onload="window.print();window.close()"><img src="${dataURL}" width="600px" height="auto"></body>
</html>`
);
popupWin.document.close();
}
print（）{
var canvas=document.getElementById（id）作为HTMLCanvasElement；
var dataURL=canvas.toDataURL（）；
让弹出窗口，打印内容；
popupWin=window.open（“”，"U blank’，“top=0，left=0，height=100%，width=auto”）；
popupWin.document.open（）；
popupWin.document.write(`
${title}
试试这个。@aviboy2006谢谢，所以基本方法是：首先将视图截图捕获到画布上，然后将画布转换为PDF，我的理解正确吗？你可以使用jsPDF和dom to image包导出HTML div，id='dashboard'，我会试试！谢谢！@aviboy2006同时，在我的主题中添加了一个额外的问题，关于如何在没有用户交互的情况下基于视图生成这样的PDF，因此在服务器上的异步工作进程中。我想我必须对此采取不同的方法。