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

时间:2017-04-01 05:07:17

标签: 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);">

由于 迪帕克

3 个答案:

答案 0 :(得分:1)

您可以使用&#34; html2canvas&#34;是一个开源脚本,允许您采取&#34;截图&#34;网页或其中的部分内容

https://html2canvas.hertzen.com/

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

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

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

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

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

https://screenshotlayer.com/

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

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

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

答案 1 :(得分:0)

您是否尝试过拍摄HTML的屏幕截图?要截取屏幕截图,您应该按命令+ shift + 4。数字3截取整个屏幕的截图,而数字4允许您选择屏幕截图。

答案 2 :(得分:0)

您可能希望使用pdf转换工具,例如mPDF的html2pdf for PHP。 我过去成功使用过html2pdf,但我很确定他们都对CSS有很好的支持。