jQuery調用方法打印橫向顯示圖片
$(document).ready(function(){ var imgWidth = $('.print-img').width(); // 獲取圖片寬度 var imgHeight = $('.print-img').height(); // 獲取圖片高度 var dpi = 300; // 默認dpi為300 var width = dpi * imgWidth / 25.4; // 橫向打印時計算實際寬度 var height = dpi * imgHeight / 25.4; // 橫向打印時計算實際高度 var printWindow = window.open('', '', 'width=' + width + ',height=' + height); // 打開空白窗口 printWindow.document.write('<html><head><style>@page {size: landscape; margin: 0;}</style></head><body></body></html>'); // 寫入打印頁面的HTML代碼 printWindow.document.close(); // 關閉document流,防止在IE瀏覽器中出現錯誤提示 printWindow.focus(); // 將焦點置于打印窗口,為了IE瀏覽器兼容 printWindow.print(); // 打印 printWindow.close(); // 關閉窗口 })
以上代碼中的print-img類名需要替換成實際的圖片類名,同時也可以根據實際需求修改打印頁面的HTML代碼中的CSS樣式。此方法支持所有瀏覽器,但是需要注意的是,在Chrome瀏覽器中使用這種方法打印出的圖片會有一定的失真,因為Chrome會默認將打印內容縮小。所以,如果需要在Chrome瀏覽器中使用這種方法打印,需要在打印設置中將縮放比例設置為100%。