如何打印圖像？

我想用一張人們可以打印並帶到商店的優惠券搭建一個商店頁面。我正在尋找一種方法讓他們打印優惠券，而不是整個頁面。如何打印圖像？

我在想，也許如果我把優惠券圖像放入一個iFrame中，從那裏打印可能只是打印圖像，但我想首先看看是否已經有更好的方法來完成此操作。

感謝您的任何想法。

2013-03-14 Steve

查看相關問題http://stackoverflow.com/questions/6500962/how-to-print-only-a-selected-html-element – user1929959 2013-03-14 20:30:13

使用print.css文件，您可以隱藏其他網站元素（通過CSS display：none;），以便在打開優惠券的頁面上打印時僅顯示優惠券。

2013-03-14 20:25:06

在你的CSS：

@media print { 

    .elementsToHide { 
     display:none; 
    } 

    #coupon { 
     display:block; 
    } 
}

2013-03-14 20:27:44 couzzi

這是可能的這個答案很晚，但是如果你想讓用戶打印出圖片，那麼我認爲最好的辦法是：

在僅包含圖像的新窗口/選項卡中打開一個新頁面（僅在<body>標記中爲<img>標記）。這樣用戶可以從菜單中選擇打印並打印圖片。

這樣，用戶很清楚打印的內容。

此外，您還可以彈出一個帶有window.print的打印對話框，該對話框不符合規範，但可以在所有桌面瀏覽器中工作。

一些澄清：

我知道打印樣式，並且可以完全與他們重新安排你的頁面，但我發現，用戶實際預計要打印相同的佈局，她/他所看到的在顯示器上。通過製作並顯示一個新的頁面來打印用戶可以預覽將要打印的內容，因此他會更有信心打印它。

2013-03-20 13:50:38 SoonDead

回答