圖像未出現在列印預覽中 - Chrome

圖像未出現在列印預覽中 - Chrome

使用 Windows 7。地圖工作正常。我附上了一個樣本。這種情況僅發生在 Chrome 中。

注意:使用 CTRL + P 可以正常運作。

請指教,謝謝。

在此輸入影像描述

答案1

Background colors and images按 Ctrl+p 或在 Chrome 中列印後,選擇下的複選框Options

在此輸入影像描述

答案2

一個非常簡單的解決方案是這個(它適用於 Firefox 和 Chrome/chromium):

打開一個新分頁。類型

data:text/html, <html contenteditable>

在網址列中。

因此,您可以將瀏覽器用作文字編輯器。最好將該選項卡儲存為書籤(請參閱https://www.schieb.de/720201/firefox-oder-chrome-als-text-editor-benutzen)。

然後將要儲存的完整頁面複製到編輯器頁面。它將所有圖片與文字一起複製。然後從編輯器頁面列印頁面(作為 .pdf 檔案)非常簡單。

答案3

確保在發出列印命令之前快取圖像,尤其是在使用 document.write 時

我在 Chrome 中解決這個問題的最簡單方法是將其添加到我想要列印的頁面中:

<div><img src="image_that_does_not_show_in_preview.png" style="display:none;"/></div>

這將快取圖像並確保它顯示在 Chrome 的列印預覽對話框中。

答案4

使用 CSS 將顯示樣式套用到 img。內聯或足夠具體以至於應用的列印預覽display:none;被覆蓋。

澄清添加style="display:block;"<img [insert style here] src"/i-am-an-image.jpg"/>元素

這為我解決了這個問題,希望這有幫助

相關內容