1

Prince を使用して PDF に変換するドキュメントがあります。生成されたドキュメントをマークできるように、デモ環境で繰り返しテキストを表示するオーバーレイが必要です。

通常、このような透かしを次のような要素で適用します

<div id='overlay' style='position: absolute; top: 0; left: 0; background: url(watermark-demo-document.svg) repeat left top; width: 100%; height: 100%;'></div>

ただし、Prince は、絶対配置要素を改ページに分割しないため、透かしは最初のページ以外のどのページにも表示されません。透かし画像をページ余白ボックスに入れ、画像がページを覆うようにボックスの位置を変更することが提案されました。

私はこれを部分的に成功させようとしましたが、ページ全体をカバーするようにページマージン缶の位置を変更する方法がわかりません(これを理解できません)。

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <style>
@page       { size: A4; margin: 25mm 8mm 27mm 8mm; padding: 0 0 0 0; @top { content: flow(header) } }
body        { margin:16mm; padding: 0; }
#overlay    { flow: static(header); background: url(watermark-demo-document.svg) repeat left top; width: 100%; height: 100%; }
    </style>
</head>
<body>
    <div id='overlay'></div>
    <p>Lorem ipsum...</p> <!-- multiple instances -->
</body>
</html>
4

1 に答える 1