飛碟蠟染和運行頁腳不一起工作？

我對你們有挑戰。我試圖創建一個帶有SVG圖像的頁腳的xhtml文檔，然後將其呈現爲pdf。我使用飛碟和蠟染的組合來做到這一點。現在我瞭解到飛碟支持運行腳註，例如飛碟蠟染和運行頁腳不一起工作？

@page { 
    @top { content: element(footer); } 
} 
footer { position: running(footer); }

這對我來說工作正常，但是當我加入SVG圖像有蠟染的問題出現了：

<html> 
<head> 
    <style type="text/css"> 
    .footer { position: running(footer); } 
    @page { @bottom-center { content: element(footer) } } 
    .header__logo {display: block; right: 0; top: 0; width: 150px; height: 54px; } 
    </style> 
</head> 
<body> 
    <div class="footer"> 
     <img class='header__logo' src='someSRC.svg' /> 
     footer 
    </div> 
    <div class="content"> stuff </div> 
</body>

它看起來像蠟染呈現圖像之前它被移到頁面底部。此外，它不會在任何地方顯示「頁腳」字樣。任何人都知道如何解決這個問題？也許強迫蠟染以後渲染什麼的？我試圖設置內部圖像的位置相對和更多，但它似乎真的搞砸了過程。

來源

2015-05-21 Daxterwous

我自己也遇到過類似的問題。雖然我仍然無法解決整個問題，但我至少管理了顯示SVG：絕對需要在<img>元素（通過類或樣式屬性）上爲高度和寬度添加CSS樣式。如果沒有這兩個屬性，根本就不會繪製SVG（至少在您使用網絡中的示例代碼時不會）。

已經實現了渲染本身，我意識到SVG將相對於頁面內容左上角（意味着，不在頁眉或頁腳區域內，您期望的位置）進行定位。此外，它只能在第一頁上繪製（而PNG圖像沒有這些問題）。

如果有人有這方面的工作解決方案，請在這裏發佈。對我而言，這不幸是一個在專業環境中使用飛碟的表演擋板。

編輯：

在飛碟和iText的源代碼挖我發現了一個「解決」，可能真正解決這個問題對我來說：如果您將您的SVGs成PDF文件，那麼你可以包括標識爲PDF而不是SVG。看起來像iText。所以，甚至在頁眉和頁腳中工作正常的用法是這樣的：

<img style="width: 30mm; height:8mm;" src="/img/my-funky-logo.pdf"/>

來源

2016-03-30 17:27:40 dieng

飛碟蠟染和運行頁腳不一起工作？

回答

相關問題