在Web開發中,經常需要在瀏覽器端打印數據,而jquery.print是一種很常用的打印插件。不過,有時候我們需要指定打印紙張的大小,這時就需要用到一些特殊的參數。
$('#printThis').print({ globalStyles: true, mediaPrint: false, stylesheet: "path/to/your/print.css", noPrintSelector: ".no-print", iframe: true, append: null, prepend: null, manuallyCopyFormValues: true, deferred: $.Deferred(), timeout: 750, title: null, doctype: '', html: null, mimeType: 'text/html', customEventName: null, customEventHandler: null, })
代碼中需要添加一個參數,即pageWidth。它表示紙張的寬度,單位為像素。以A4紙為例,其寬度為794像素。
$('#printThis').print({ globalStyles: true, mediaPrint: false, stylesheet: "path/to/your/print.css", noPrintSelector: ".no-print", iframe: true, append: null, prepend: null, manuallyCopyFormValues: true, deferred: $.Deferred(), timeout: 750, title: null, doctype: '', html: null, mimeType: 'text/html', customEventName: null, customEventHandler: null, pageWidth: 794, })
除了pageWidth,還有一個相關的參數pageHeight,表示紙張的高度。兩個參數可以一起使用,以獲得期望的打印效果。
$('#printThis').print({ globalStyles: true, mediaPrint: false, stylesheet: "path/to/your/print.css", noPrintSelector: ".no-print", iframe: true, append: null, prepend: null, manuallyCopyFormValues: true, deferred: $.Deferred(), timeout: 750, title: null, doctype: '', html: null, mimeType: 'text/html', customEventName: null, customEventHandler: null, pageWidth: 794, pageHeight: 1123, })
注意,上述參數只在使用iframe進行打印時生效,如果直接調用瀏覽器自帶的打印功能,則無法指定紙張大小。