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＆＃34; x 11＆＃34;在下面的示例中，尽管您可以使用其他尺寸，以及像＆＃34; cm＆＃34;和＆＃34; mm＆＃34;也是）。

在任何一种情况下，您都希望在使用之前确保图像的比例正确。

我的主要更改是添加额外的CSS规则以将图像缩放到特定尺寸。我还修复了HTML中img元素中宽度/高度属性的非法格式（尽管它确实没有引起任何问题）。

<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>

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

1 个答案: