Question

在横向模式下，我无法打印SVG图像以适合A4尺寸。我正在使用的CSS是：

@media print{
  @page{
    size: landscape;
    max-height: 100%;
    max-width: 100%;
  }
  svg{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    transform: scale(.8,.7);
    transform-origin: top center;
  }
}

CSS还可以隐藏BODY（主要内容）中除元素之外的所有其他元素

喜欢的页面布局：

+------------+---------+
|        HEADER        |
+------------+---------+
|     X|               |
|      |               |
| SIDE | MAIN/BODY     |
| PANEL|               |
|      |               |
+------------+---------+

此SVG是通过以图形方式绘制图表库来创建的。如果打开侧面板，则上述CSS可以正常工作，但是如果关闭侧面板，则SVG会调整大小以覆盖此空间。现在，如果尝试打印，则在打印预览中无法完全看到svg内容，很多部分从左侧被裁剪。尽管我可以看到其空白但图表未覆盖该空间。.总体图表大小无论侧面板是打开还是关闭，都保持不变。

我在打印时用CSS隐藏了所有其他html元素。而这是我正在体内打印的SVG，它是通过绘制图形库绘制而成的。

此外，如果您尝试从大尺寸屏幕打印，这也会中断。我不确定如何处理。是否需要针对所有屏幕尺寸编写CSS并相应地更改缩放比例？我在CSS方面工作不多，所以不知道为什么会这样。为什么屏幕尺寸会影响打印效果。

SVG无法以横向模式适合浏览器打印

0 个答案: