【问题标题】:How to print selected web pages in Landscape or portrait如何以横向或纵向打印选定的网页
【发布时间】:2015-07-10 15:37:15
【问题描述】:

我有一个要求,需要准备一份包含 100 页的包含图表或图像的报告。我正在使用 ASP.NET、High 图表、HTML、jQuery、CSS/Bootstrap 来实现相同的目标。

要求以横向模式打印图表,以纵向模式打印图像。我知道哪个页面将包含图表/图像。我们可以使用 CSS 或任何其他替代方案来实现这种行为吗?需要将整个内容打印为单个 pdf。

请建议...

【问题讨论】:

  • 我认为您只能在 HTML 页面级别设置打印方向。您不能单独指定打印页面的方向。
  • 我的假设是一样的。但是在我说服客户经理之前,我会尝试学习专家的想法或建议。

标签: jquery html css asp.net twitter-bootstrap


【解决方案1】:

在您的样式表中,您可以转换您想要横向打印的图像。

@media print {
    .chart {
        transform: rotate(-90deg);
    }
}

或多或少。会有更多内容,但类似的事情可能会让你朝着正确的方向前进。

【讨论】:

  • 谢谢.. 将尝试使用变换
  • 变换按预期旋转。现在查看有关高度和宽度的问题。变换前高度:650px; width:930px 在横向模式下效果很好。现在我正在尝试以纵向模式旋转图表。虽然我在每个图表页脚 { page-break-after: always; 之后使用页脚类,但图表是重叠的,而不是每页显示一个图表。 }.. 我错过了什么吗?
猜你喜欢
  • 1970-01-01
  • 2016-01-13
  • 2013-05-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-23
相关资源
最近更新 更多