html - 您将如何在客户端应用程序中创建可下载的 pdf?
问题描述
我们对管理工具的要求之一是创建一个可以填写并翻译成可下载 pdf 文件的表单。(准确地说是带有空白输入字段的条款和条件)。
我做了一些谷歌搜索并尝试在 html 和 css 中创建一个表单,并使用 html2canvas 包将其转换为画布。然后我使用jspdf包将其转换为pdf文件。问题是我无法让它适应并调整大小以适应具有正确边距的 a4 格式。如果我花一些时间在上面,我相信我可以找到一个可行的解决方案。
但是,我真正的问题是你们将如何解决这个问题?是否有第三方应用程序/服务可以执行此操作?或者你会在服务器端做这一切吗?我们当前的应用程序使用 Angular 7 和 Firebase 作为我们的后端。
干杯!
解决方案
我能够使用 npm 包pdfmake根据用户在与我的表单交互时提供的用户信息创建动态 pdf。(我使用的是 React)它在新选项卡中打开了 pdf,用户可以保存 pdf。在另一个应用程序中(仍然是 React),
我使用相同的包创建收据,以便您可以自定义“页面”的大小。我们创建了 pdf 并使用 getBase64() 方法并将 pdf 作为电子邮件附件发送。
推荐阅读
- reactjs - 在浏览器中单击返回后反应无限滚动重置状态
- qt - QML 属性依赖是如何确定的?(以及如何操作它们)
- javascript - 我的应用程序将数据发布到 JSON 中,但它也会引发此错误“http://localhost:5000/write net::ERR_CONNECTION_RESET”
- mysql - 如何简化mysql中的多个UNION ALL?
- assembly - 为什么分配给寄存器不会导致其他所有问题?
- javascript - 如何在画布内明显居中 div?
- ios - 无法在 iOS 上获得正确的互联网连接状态
- python - 出现错误:- env: 'python3\r': No such file or directory 在 windows10 中使用 Docker 运行 pyspark 项目时
- python - 安装 ROS 时在 em 包中找不到 __main__ 模块
- php - 使用 mysql 数据库中的特定值填充多个 html 字段