捕獲和轉換Web的工具
GrabzIt的在線社區

ConvertHTML - PDF 和 PNG/JPG 之間的區別

詢問有關如何捕獲或轉換網頁或HTML的問題 into圖像,CSV,PDF或DOCX文檔以及如何轉換視頻 into使用我們的API的GIF動畫。

Hi

我已經成功地將 ConvertHTML 與 PNG 結合使用,現在我一直在嘗試使用相同的代碼(對 PDF 參數稍作修改)來選擇 PDF 導出,但 PDF 導出給出的結果略有不同,不太正確。 PDF 導出在 HTML 的右側和底部放置了一些額外的空白(不是邊距)。 我已經使用下面的代碼測試了完全相同的 HTML。 有什麼想法為什麼我會得到不同的出口嗎? 我唯一能想到的是當我將像素轉換為毫米時,我必須四捨五入。 

謝謝

這是我的 PNG 代碼:

GrabzIt("").ConvertHTML(whatToConvert, {
     “目標”:“#captureThis”,
     “地址”:地址,
     “格式”:“png”,
     “透明”:1、
     “寬度”:1200,
     “身高”:628,
     “寬度”:1200,
     “高度”:628,
     “displayid”:“最終圖像”,
}).DataURI(dataURLAfterGrabzIt);

 

這是 PDF 的代碼:

GrabzIt().ConvertHTML(whatToConvert, {
     “目標”:“#captureThis”,
     “地址”:地址,
     “格式”:“pdf”,
     "width": 317, //像素轉換為mm
     "height": 166, //像素轉換為毫米
     “displayid”:“最終圖像”,
     “mtop”:0,
     “左”:0,
     “m底部”:0,
     “嗯”:0
}).DataURI(dataURLAfterGrabzIt);

 

科里·奧爾德林 (Corey Alderin) 於 16 年 2019 月 XNUMX 日提問

嗨科里,

是的,它們可能會略有不同。 這是因為我們正在創建瀏覽器中內容的精確圖像,然後將其剪切到目標元素。 另一種則轉換為PDF元素,然後剪切出正確的PDF元素。

另外,對於 PDF,我認為您不應該指定寬度和高度。 

親切的問候

GrabzIt 支持人員於 16 年 2019 月 XNUMX 日回复

謝謝。 那麼是否有可能得到相同的結果呢? 我一直在測試很多不同的東西但沒有成功。 我需要使用 PNG 到 PDF 轉換器嗎? 我試圖避免這種情況,但也許這是唯一的解決方案。

 

如果我不指定高度和寬度,那麼它會添加更多的空白。 我嘗試了僅指定寬度和高度的不同組合,它們都給出了不同的結果,但不是正確的結果。 

 

謝謝

 

 

Corey Alderin 於 16 年 2019 月 XNUMX 日回答

您能否提供您嘗試捕獲的 HTML? 通過電子郵件將其發送給我們可能會有意義。

GrabzIt 支持人員於 16 年 2019 月 XNUMX 日回复

當然,我可以發送。 我應該將其發送到哪裡?

Corey Alderin 於 16 年 2019 月 XNUMX 日回答

好吧,我想我明白你的意思了。 當您將目標捕獲為 PDF 時。 它仍然會返回您要求的頁面大小,因此如果您要求 A4 的頁面大小,您會得到目標裁剪並留在 A4 頁面中。

但是,您似乎希望目標 HTML 元素單獨存在,並將頁面大小設置為 HTML 元素頁面大小。

它是否正確? 如果是這樣,則需要更改代碼。 我認為我們可以通過允許將 -1 傳遞給頁面大小參數來實現這一點,方式與創建目標圖像類似。

GrabzIt 支持人員於 16 年 2019 月 XNUMX 日回复

對,那是正確的。 如果這是一個選擇,那就太好了。 謝謝

Corey Alderin 於 16 年 2019 月 XNUMX 日回答