Javascript 如何从带有css过滤器的html创建图像或pdf？

我想从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);">

谢谢

---

Deepak

你试过拍摄HTML的截图吗？要拍摄屏幕截图，您应该按command+shift+4。数字3可以截取整个屏幕的屏幕截图，而数字4可以选择截图内容。

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

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

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

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

如果仅仅使用允许这样做的API还不够，您只需要建立一个URL，然后接收图像

https://screenshotlayer.com/

Screenshotlayer（免费、功能强大的截图API） url2png（作为服务的屏幕截图） urlbox.io（网站截图即服务API urlbox） 截图机（截图机） 浏览截图（实时网站截图服务）

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

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

---

您可能希望使用pdf转换工具，如PHP的mPDF的html2pdf。

---

我在过去成功地使用了html2pdf，但我确信他们都对CSS有很好的支持。

感谢您的回复。对不起，我没有告诉技术部。事实上，我想在我的编程中使用js或php语言实现这个功能。哦，很抱歉。我被你们为什么不使用一个简单的屏幕截图弄糊涂了。谢谢你们的回复gm08，我两个都试过了，但输出并没有显示css过滤器。pdf文件中只能显示图像。我也在github上询问了mpdf。请找到我的问题链接。[link]对于html2canvas:[link]它们也不支持css过滤器。感谢您的帮助，路易斯，是的，这些都是开源的，但没有一个在输出中提供css过滤器。我试过html2canvas、jspdf和mpdf。结果是一样的。如果我尝试创建一个带有图像的画布并添加过滤器，那么它会在控制台上显示已应用css，但未在屏幕或pdf中应用。对，在大多数情况下，问题是样式未正确呈现，您可以尝试使用和API生成相同的pdf，我将在上面写一些，ScreenShotLayer可以使用，但它是付费的，不是开源的。