printJS({ style 设置纸张尺寸
时间: 2023-11-22 20:27:07 浏览: 282
你可以使用以下代码来设置纸张尺寸:
```
printJS({
printable: 'path/to/file.pdf',
type: 'pdf',
style: '@page { size: A4 landscape; margin: 0; }'
});
```
在 `style` 属性中,你可以使用 CSS 的 `@page` 规则来设置纸张尺寸和页边距。上面的代码中,我设置了纸张尺寸为 A4 横向,并把页边距设置为0。你可以根据自己的需要来修改这些值。
相关问题
printJS 设置打印纸张尺寸
要设置打印纸张尺寸,可以使用 printJS 的 options 参数中的属性。具体来说,可以设置 options.printableArea 和 options.paperSize 属性。
- options.printableArea:指定打印区域的大小和位置。它是一个对象,包含四个属性:top、left、width 和 height。可以设置这些属性的值来指定打印区域的位置和大小。例如:
```
printJS({
printable: 'myTable',
type: 'html',
options: {
printableArea: {
top: '10mm',
left: '10mm',
width: '200mm',
height: '150mm'
}
}
});
```
这将设置打印区域的位置在距离页面顶部和左侧各 10mm 的位置,宽度为 200mm,高度为 150mm。
- options.paperSize:指定纸张的大小。它是一个字符串,可以设置为常见纸张的名称,如 A4、Letter、Legal 等。也可以设置为一个对象,包含 width 和 height 两个属性,分别指定纸张的宽度和高度。例如:
```
printJS({
printable: 'myTable',
type: 'html',
options: {
paperSize: {
width: '200mm',
height: '150mm'
}
}
});
```
这将设置纸张的宽度为 200mm,高度为 150mm。
print-js 图片打印设置纸张尺寸
在使用 print-js 进行图片打印时,可以通过设置打印样式来指定纸张尺寸。具体步骤如下:
1. 在 HTML 中添加打印样式,例如:
```css
@media print {
@page {
size: A4;
}
}
```
这里设置纸张尺寸为 A4,可以根据需要自行选择其他纸张尺寸。
2. 在 JavaScript 中调用 printJS 函数时,指定打印样式:
```javascript
printJS({
printable: 'path/to/image.jpg',
type: 'image',
css: 'path/to/print.css'
})
```
这里通过 `css` 属性指定了打印样式的路径,打印时会自动应用该样式。需要注意的是,打印样式必须与 HTML 在同一域名下,否则会受到浏览器的安全限制。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)