Question

我正在评估PDFreactor，以便从HTML＆amp; CSS。

但是我遇到了一个问题 - 我需要为文档部分的第1页和第2页设置不同的页面背景图像。看起来可能的唯一方法（查看PDFreactor manual）是明确给出固定文档页码，而不是相对于文档部分的数字。

CSS Generated Content for Paged Media Module建议我使用这种表示法;

CSS：

@page:-nth(1 of PPSid1117) {
    background: url("http://example.com/bg1-section1.png") no-repeat center center;
}
@page:-nth(2 of PPSid1117) {
    background: url("http://example.com/bg2-section1.png") no-repeat center center;
}
@page:-nth(3 of PPSid1117) {
    background: url("http://example.com/bg3-section1.png") no-repeat center center;
}

#PPSid1117 {
    page: PPSid1117;
}

HTML：

<div id="PPSid1117">Up comes 10 pages of lorem ipsum, the first three pages having different backgrounds... etc etc ...end of section.</div>

但它根本不起作用 - 它会抛出一个解析错误;

Parse error in resource "main_css.php?doc=50"
Encountered '1' at position 11 in rule '@page:-nth(1 of PPSid1117)

顺便说一下，-ro-nth DOESN＆＃39; T抛出一个错误但仍然不起作用 - 即。

@page:-ro-nth(1 of PPSid1117) {
    background: url("http://example.com/bg1-section1.png") no-repeat center center;
}

此代码将它放在该部分的每个左页（因此它证明了命名页面选择器在基本级别上工作）但不是我想要的。

@page PPSid1117:left {
    background: url("http://example.com/bg1-section1.png") no-repeat center center;
}

这有效，但这意味着我必须对页码进行硬编码。不是我想做的......

@page:-ro-nth(4) {
    background: url("http://example.com/bg1-section1.png") no-repeat center center;
}

这将它放在文档的第1页，而不是本节的第1页。

@page PPSid1117:-ro-nth(1) {
    background: url("http://example.com/bg1-section1.png") no-repeat center center;
}

这就是我想要的Prince XML。

#PPSid1117 {
    page: PPSid1117;
    prince-page-group: start;
}

@page PPSid1117:nth(1) {
    background: url("http://example.com/bg1-section1.png") no-repeat center center;
}

有没有人有任何有用的建议？谢谢。

Answer 1

如果要为第一页，第二页和第三页设置背景，就像定义

一样简单

@page :nth(1) {
    background: url(path/to/img) 0 0 no-repeat;
}

@page :nth(2) {
    background: url(path/to/img) 0 0 no-repeat;
}

@page :nth(3) {
    background: url(path/to/img) 0 0 no-repeat;
}

这绝对适用于PrinceXML，如果PDFReactor适用于W3C规范，它也应该有效。

如何使用PDFreactor选择文档部分的第n（）页？

1 个答案: