html - 导出 Confluence 空间时缩放标题页图像以适合整个页面

Question

我试图在 Confluence 中创建一个带有图像的标题页。我在“PDF 空间导出标题页”框中写了这段 HTML 代码:

<div class="fsTitlePage">
  <img src="/download/attachments/590719/titlepage.png" width:"100%" height:"100%" />
</div>

然后我在 PDF 样式表中定义了 fsTitlePage 类:

.fsTitlePage
{
    page-break-after:always;
    padding:0px;
    height:100%;
    width: 100%;
}

问题是 titlepage.png 在导出的 PDF 中没有以全尺寸显示。我怎样才能使它成为全尺寸？

Answer 1

以下内容适用于 Confluence 5.5。这将缩放提供的图像以完全适合指示的页面尺寸(在我下面的示例中为 8.5"x 11"，但您也可以使用其他尺寸以及“cm”和“mm”等单位)。

无论哪种情况，您都需要在使用前确保图片的比例正确。

我的主要更改是添加一个额外的 CSS 规则以将图像缩放到特定尺寸。我还修复了 HTML 中 img 元素中 width/height 属性的非法格式(尽管它似乎没有引起任何问题)。

<style type="text/css">
.fsTitlePage
{
    page-break-after:always;
    padding:0px;
    height:100%;
    width: 100%;
}

.fsTitlePage img
{
    width: 8.5in;
    height: 11in;
}
</style>

<div class="fsTitlePage">
 <img src="/download/attachments/590719/titlepage.png" width="100%" height="100%" />
</div>