javascript - 如何从具有 css 过滤器的 html 创建图像或 pdf?

标签 javascript php css pdf-generation

我想从 html 创建图像或 pdf。 html 由带有 CSS 滤镜(如棕褐色、灰度等)的图像组成。因此,如果有人对此进行过处理,那就更好了。

<img class="dj_rot" src="/940/images/photos.png" style="filter: sepia(1);">
<img class="dj_rot" src="/940/images/photos.png" style="filter: grayscale(1);">

谢谢 迪帕克

最佳答案

您可以使用“html2canvas”是一个开源脚本,它允许您获取网页或部分网页的“屏幕截图”

https://html2canvas.hertzen.com/

您将在同一个网页中看到许多如何使用的示例

如果你想创建一个 PDF,你可以使用 jsPDF 是另一个基于 Javascript 的选项

http://rawgit.com/MrRio/jsPDF/master/

您还会找到包含示例和源代码的文档

如果这还不够,你可以使用允许这样做的 API,你只需要建立一个 URL,然后你就可以接收图像

https://screenshotlayer.com/

Screenshotlayer(免费、强大的屏幕截图 API) url2png(截图即服务) urlbox.io(网站截图即服务 API urlbox) screenshotmachine(截图机) Browshot(网站实时截图服务)

您可以查看包含更多信息的链接 什么是最好的网站截图捕获 API?

https://www.quora.com/Whats-the-best-website-screenshot-capture-API

关于javascript - 如何从具有 css 过滤器的 html 创建图像或 pdf?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43153051/

相关文章:

javascript - API 可用于将 WordPress 博客文章拉入 JQuery 移动应用程序

javascript - 根据高度固定标题自动调整内容部分的边距顶部

php - 如何删除wordpress数据库中的现有表

javascript - 元素在调整大小时不断离开 Div

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

javascript - document.write() 是做什么的?

javascript - Apollo "Subscription field must return Async Iterable. Received: undefined"

php - 标题和退出()导致无响应的表单提交

php - 复制/模拟整个网站 - WordPress

java - 如何使用 jSoup 从 Yelp 检索信息?