2016-02-28 111 views
1

我精心制作了一个用于打印标签的svg生成器。 如果标签看起来不太古怪,那么尺寸是正确的,这一点非常重要。 Here是生成的标签工作表的一个示例。从网页打印SVG从边缘到边缘

从网络打印时,浏览器会添加很多边距。上面的例子应该有顶部边缘:7毫米,右/左:4.2毫米底部:5毫米。

打印时,还有很多。如果我复制粘贴svg到矢量图形应用程序,它完美打印!

有没有什么办法,从JavaScript或CSS的编程方式告诉浏览器不做页眉/页脚,并不添加任何自己的利润?

+1

你可能想看看到CSS的['@media types'](https://www.w3.org/TR/CSS21/media.html#at-media-rule),特别是'@media print' –

回答

1

从理论上讲,这是正确的做法:

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

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

但造型印刷是所有浏览器中太痛苦了(不工作始终)

+0

我会试一试。现在有一个upvote,如果它工作,我会给复选标记。 – GusOst

+0

由于利润率是在svg specd我使用“保证金:0毫米0毫米0毫米0毫米” 但它在我使用的铬版本的作品很好,这对我来说已经够用了! – GusOst