html - 定数の位置に SVG 画像を追加しますが、最後のページにのみ追加します

Question

Razor テンプレートで請求書を作成し、それを chromium で PDF に変換しようとしています。支払いフォームを最後のページに追加する必要がありますが、定数の位置にあります。

.svg-container {
            position: absolute;
            top: 12cm;
            left: 0cm;
            left: 0px;
            width: 18cm;
            height: 10cm;
        }

<div class="svg-container">
  <svg>..</svg>
</div>

この方法で支払いフォームsvgを正しい場所に作成すると、最初のページと請求書の領域にオーバープリントされます

<div style="position: relative;">  
  <div class="svg-container">
      <svg>..</svg>
    </div>
</div>

このようにすると、支払いフォームは請求書データの後にありますが、位置は可変です。から算出したtopプロパティで設定絶対位置を考える

AbsluteTop = TopOfPage + pages * PageHeigth;

しかし問題は、かみそりのコードにページ数を取得し、top を style=top に設定することです。

WriteLiteral("style =\"top: " + @razorVariablePAges + ";\"")

ヘッダーセクションで使用します

<span class='totalPages' style="font-family:Arial; font-size:7pt ">

しかし、私はそれをかみそり変数に読み込むことができません