从网页边缘到边缘打印 SVG



我精心设计了一个用于打印标签的svg生成器。如果标签看起来不奇怪,尺寸正确非常重要。下面是生成的标签页的示例。

从 Web 打印时,浏览器会增加大量边距。上面的例子应该有顶部的边距:7毫米,右/左:4.2毫米底部:5毫米。

打印时,它更多。如果我将 svg 复制粘贴到矢量图形应用程序中,它可以完美打印!

有没有办法,以编程方式从 JavaScript 或通过 CSS 告诉浏览器不要做页眉/页脚,不要添加自己的任何边距?

理论上这是

正确的方法:

@page {
    margin: 7mm 4.2mm 5mm;
}

见 https://developer.mozilla.org/en-US/docs/Web/CSS/@page

但是在所有浏览器中打印样式都太痛苦了(不能始终如一地工作)

最新更新