從瀏覽器打印圖像flie

我試圖從瀏覽器打印圖像。從瀏覽器打印圖像flie

例如：http://www.canadianpetconnection.com/wp-content/uploads/2011/09/Cats1.jpg

我希望我打印的頁面沒有任何側任何空白，使得圖像從頁面的左上角開始。

我也希望打印圖像的寬度應該是固定的，比如8英寸。

是否有任何CSS/JS/HTML解決方法？

編輯：我會好的如果我需要更改打印輸出彈出窗口中的一些設置。

來源

2013-01-04 Manu

在CSS中使用@media print並將圖像寬度和高度設置爲所需的尺寸。您可以在瀏覽器打印部分中管理的其餘設置。

@media print { 
    img {width: ?px; height: ?px; } 
}

甚至可以使用相對單位來表示圖像屬性。

至於您的要求將圖像寬度擴大到設備屏幕分辨率，然後打印生成的圖像，我認爲這幾乎是不可能的，因爲這些設置是您從打印機設備驅動程序管理的。

來源

2013-01-04 10:33:44

CSS MEdia Types會幫助你。看下面的鏈接。（使用@media打印）

http://www.w3schools.com/css/css_mediatypes.asp

<html> 
<head> 
<style> 
@media screen 
    { 
    p.test {font-family:verdana,sans-serif;font-size:14px;} 
    } 
@media print 
    { 
    p.test {font-family:times,serif;font-size:10px;width:300px;} 
    } 
@media screen,print 
    { 
    p.test {font-weight:bold;} 
    } 
</style> 
</head> 

<body> 
.... 
</body> 
</html>

來源

2013-01-04 10:39:36 Sahal

任何理由添加字體至JPG？ – Manu

從瀏覽器打印圖像flie

回答

相關問題