使用canvas儲存網頁為pdf檔案支援跨域

2021-09-13 01:12:16 字數 376 閱讀 4764

前言

使用canvas儲存網頁為pdf檔案支援跨域

正文思路:繼續使用canvas截圖後將畫布內容轉換為pdf檔案。

引入canvas的js檔案,js檔案獲取位址官網主頁:

div按鈕**

匯出為pdf按鈕

需要獲取為pdf的div

jsp**

此次網頁改為pdf,與上次截圖網頁為png,使用同一種技術,都是先使用canvas截圖畫布後轉格式。

同樣也有偏移、模糊、跨域等問題,使用之前的**來處理。

轉換pdf會讓背景色變為黑色使用css樣式改一下背景色就可以了。

完美轉換為pdf。

使用canvas儲存網頁為pdf檔案支援跨域

前文 canvas截圖網頁為 思路 繼續使用canvas截圖後將畫布內容轉換為pdf檔案。引入canvas的js檔案,js檔案獲取位址官網主頁 div按鈕 匯出為pdf按鈕 需要獲取為pdf的div jsp 此次網頁改為pdf,與上次截圖網頁為png,使用同一種技術,都是先使用canvas截圖畫布後...

儲存網頁為PDF

最近在做乙個專案,需要爬取乙個系統的所有 動態 頁面,並將每個網頁都存為乙個pdf檔案。由於是內部系統,沒有反爬,所以爬蟲編寫並不複雜,儲存網頁支援python的工具搜了下,主要有兩個 1,pdfkit,基於wkhtmlpdf,後者是c語言編寫的 2,weasyprint,好像是乙個純python的...

使用Chrome儲存網頁為mht檔案

一直在使用chrome瀏覽器,但由於需要將部分網頁儲存為mht檔案,卻發現chrome預設不支援。chrome瀏覽器預設支援2種 單獨的html檔案,全部 在 chrome 位址列中鍵入 chrome flags 回車,這是乙個 chrome 的功能配置頁面,專案比較多,我們通過 ctrl f 來搜...