在使用jquery.jqprint打印時,出現了圖片變小的情況,需要解決此問題。以下是解決方法。
//獲取打印頁面內的所有圖片 var imgs = $('img'); //循環遍歷每個圖片 $.each(imgs, function(i, img) { //獲取圖片原始尺寸 var width = img.naturalWidth; var height = img.naturalHeight; //判斷圖片尺寸是否超過頁面寬度 if (width >$(window).width()) { //按比例縮小圖片尺寸 var ratio = $(window).width() / width; $(img).css({ 'width': width * ratio + 'px', 'height': height * ratio + 'px' }); } });
將上述代碼添加到打印頁面的腳本中,即可實現圖片按比例縮小,適應頁面寬度。