如何創建具有CSS過濾器的圖像或PDF格式？

我想創建一個圖像或PDF格式的HTML。該html包含圖像與像棕褐色，灰度等css過濾器。因此，如果任何人有過這方面的工作會更好。如何創建具有CSS過濾器的圖像或PDF格式？

<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);">

感謝迪帕克

來源

2017-04-01 Trius Infotech

你試過服用HTML的屏幕截圖？要截圖，你應該命令+ shift + 4。數字3是整個屏幕的屏幕截圖，而數字4則允許您選擇屏幕截圖。

來源

2017-04-01 05:47:46

感謝您的回覆Jennifer。對不起，我沒有告訴技術。其實我想在使用語言js或php的編程中使用這個功能。 –

哦，對不起。我很困惑你爲什麼不使用簡單的截圖。 –

你可以使用「html2canvas」是一個開源腳本，可以讓你利用它的網頁或部分的「屏幕截圖」

https://html2canvas.hertzen.com/

您將看到如何在同一網頁上使用的例子很多

如果你想創建你可以使用一個jsPDF一個PDF是基於JavaScript

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

0123的另一種選擇

而且你會發現例子和源代碼

的文檔。如果這是不夠的，你可以使用和API，允許這一點，你只需要建立一個網址，然後您會收到圖像

https://screenshotlayer.com/

Screenshotlayer（免費，功能強大的截圖API） url2png（屏幕截圖作爲服務） urlbox.io（網站截圖作爲服務API urlbox） screenshotmachine（截圖機） Browshot（服務於實時網站截圖）

你可以檢閱更多信息的鏈接什麼是最好的網站截圖捕獲API？

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

來源

2017-04-01 06:16:35

感謝您的幫助Luis，是的，這些是開源的，但沒有一個在輸出中提供css過濾器。我已經嘗試過html2canvas，jspdf和mpdf。結果是一樣的。如果我嘗試創建一個帶有圖像的畫布並添加過濾器，那麼它會在控制檯上顯示該CSS已應用但不在屏幕或PDF中。 –

對，在大多數情況下，問題是樣式沒有被正確渲染，你可以嘗試使用和API來生成相同的PDF，我會寫一些以上 –

Screenshotlayer可以使用，但它是支付，而不是開源。 –

您可能想要使用PDF轉換工具，如用於PHP的mPDF的html2pdf。我過去成功地使用了html2pdf，但我很確定他們都對CSS有很好的支持。

來源

2017-04-01 06:31:33 gm08

感謝您的回覆gm08，我已經嘗試過，但輸出不顯示css過濾器。只有圖像可以在PDF文件中顯示。我也在github上問過mpdf。請找到我的問題鏈接。 [link] https：// github。com/mpdf/mpdf/issues/362 –

對於html2canvas：[link] https://github.com/niklasvh/html2canvas/issues/493 它們也不支持css過濾器。 –

如何創建具有CSS過濾器的圖像或PDF格式？

回答

相關問題