簡體   English   中英

XSL FO 表中的粗邊框線問題 - 使用 Apache FOP 創建 PDF

[英]Thick border line issue in XSL FO Table - PDF Creation Using Apache FOP

我試圖根據 Web 應用程序的要求隱藏 fo:table 行或列線,所以我曾經根據需要將border-style="none"fo:table-columnfo:table-row ,但是當我嘗試它時,它要么在行中創建暗線(如果我隱藏列線),要么在列中創建暗線(如果我隱藏行線)。

如果列行被隱藏:

列線問題圖像

如果行行被隱藏:

行線問題圖片

我的 XSL:

<?xml version="1.0" encoding="UTF-8"?>
    <xsl:stylesheet version="1.0"
        xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
        xmlns:fo="http://www.w3.org/1999/XSL/Format">
        <xsl:template match="pages">
            <fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
                <fo:layout-master-set>
                    <fo:simple-page-master master-name="simple"
                        page-height="8.5in" page-width="11in" margin-top=".5in"
                        margin-bottom=".5in" margin-left=".5in" margin-right=".5in">
                        <fo:region-body margin-top="2cm" margin-bottom="2cm" />
                        <fo:region-before extent="2cm" overflow="hidden" />
                        <fo:region-after extent="1cm" overflow="hidden" />
                    </fo:simple-page-master>
                </fo:layout-master-set>
                <fo:page-sequence master-reference="simple"
                    initial-page-number="1">
                    <fo:static-content flow-name="xsl-region-before">
                        <fo:block font-size="13.0pt" font-family="serif"
                            padding-after="2.0pt" space-before="4.0pt" text-align="center"
                            border-bottom-style="solid" border-bottom-width="1.0pt">
                            <fo:block>IF COLUMN LINES HIDED</fo:block>
                        </fo:block>
                    </fo:static-content>
                    <fo:static-content flow-name="xsl-region-after">
                        <fo:block font-size="12.0pt" font-family="sans-serif"
                            padding-after="2.0pt" space-before="2.0pt" text-align="center"
                            border-top-style="solid" border-bottom-width="1.0pt">
                            <xsl:text>Page</xsl:text>
                            <fo:page-number />
                        </fo:block>
                    </fo:static-content>
                    <fo:flow flow-name="xsl-region-body">
                        <xsl:apply-templates select="page-body" />
                    </fo:flow>
                </fo:page-sequence>
            </fo:root>
        </xsl:template>
        <xsl:template match="page-body">
            <fo:block text-align="center" break-before="page">
                <fo:table table-layout="fixed" width="100%"
                    border-style="solid">
                    <fo:table-column border-style="solid"/>
                    <fo:table-column border-style="solid"/>
                    <fo:table-column border-style="solid"/>

<!--                    For hiding column lines -->
<!--                     <fo:table-column border-style="none"/> -->
<!--                     <fo:table-column border-style="none"/> -->
<!--                     <fo:table-column border-style="none"/> -->
                    <fo:table-header>
                        <xsl:apply-templates select="table-header" />
                    </fo:table-header>
                    <fo:table-body>
                        <xsl:apply-templates select="table-data" />
                    </fo:table-body>
                </fo:table>
            </fo:block>
        </xsl:template>
        <xsl:template match="table-header">
            <fo:table-row keep-together.within-page="always"
                border-style="solid">
                <fo:table-cell>
                    <fo:block font-size="10pt" font-family="sans-serif"
                        padding-top="3pt">
                        <xsl:value-of select="column-one"></xsl:value-of>
                    </fo:block>
                </fo:table-cell>
                <fo:table-cell>
                    <fo:block font-size="10pt" font-family="sans-serif"
                        padding-top="3pt">
                        <xsl:value-of select="column-two"></xsl:value-of>
                    </fo:block>
                </fo:table-cell>
                <fo:table-cell>
                    <fo:block font-size="10pt" font-family="sans-serif"
                        padding-top="3pt">
                        <xsl:value-of select="column-three"></xsl:value-of>
                    </fo:block>
                </fo:table-cell>
            </fo:table-row>
        </xsl:template>
        <xsl:template match="table-data">
            <fo:table-row keep-together.within-page="always"
                border-style="none">

<!--                 For showing row lines -->
<!--                 <fo:table-row keep-together.within-page="always" -->
<!--                 border-style="solid"> -->
                <fo:table-cell>
                    <fo:block font-size="10pt" font-family="sans-serif"
                        padding-top="3pt">
                        <xsl:value-of select="column-one"></xsl:value-of>
                    </fo:block>
                </fo:table-cell>
                <fo:table-cell>
                    <fo:block font-size="10pt" font-family="sans-serif"
                        padding-top="3pt">
                        <xsl:if test="number(column-two) = number(column-two)">
                        <xsl:value-of select="format-number(translate(column-two, ',','.'), '#,###.##')"></xsl:value-of>
                        </xsl:if>
                    </fo:block>
                </fo:table-cell>
                <fo:table-cell>
                    <fo:block font-size="10pt" font-family="sans-serif"
                        padding-top="3pt">
                        <xsl:value-of select="column-three"></xsl:value-of>
                    </fo:block>
                </fo:table-cell>
            </fo:table-row>
        </xsl:template>
    </xsl:stylesheet>

我的 XML:

<?xml version="1.0" encoding="UTF-8"?>
<pages>
<page-body>
    <table-header>
        <column-one>Column One</column-one>
        <column-two>Column Two</column-two>
        <column-three>Column Three</column-three>
    </table-header>
    <table-data>
        <column-one>One</column-one>
        <column-two>5000</column-two>
        <column-three>Three</column-three>
    </table-data>
    <table-data>
        <column-one>One</column-one>
        <column-two>5000</column-two>
        <column-three>Three</column-three>
    </table-data>
    <table-data>
        <column-one>One</column-one>
        <column-two>0</column-two>
        <column-three>Three</column-three>
    </table-data>
    <table-data>
        <column-one>One</column-one>
        <column-two>0</column-two>
        <column-three>Four</column-three>
    </table-data>
    <table-data>
        <column-one>One</column-one>
        <column-two>2000</column-two>
        <column-three>Four</column-three>
    </table-data>
    <table-data>
        <column-one>One</column-one>
        <column-two>1234</column-two>
        <column-three>Five</column-three>
    </table-data>
    <table-data>
        <column-one>One</column-one>
        <column-two>5666</column-two>
        <column-three>Five</column-three>
    </table-data>
    <table-data>
        <column-one>One</column-one>
        <column-two>5666</column-two>
        <column-three>Five</column-three>
    </table-data>
     </page-body>
</pages>

我正在使用這些 xml 和 xsl 文件使用 apache fop 生成 PDF,我的代碼有問題嗎?

不幸的是,在涉及 FOP 渲染的 FO 開發中,這種事情不時出現。

有關您的答案,請參閱xmlgraphics.apache.org 的關於抗鋸齒和 Acrobat 的常見問題解答的第 6.9 節

請注意,如果您在 Acrobat 中使用縮放系數,問題將根據設置消失/重新出現。

另請注意,如果您使用 RenderX(又名 XEP)嘗試您的示例,則不會發生這種情況。 他們顯然已經發現(或從未有過)這個問題。

試圖擺脫非商業 FO 產品的危險之一。 (當然,並不是說某些東西必須是商業化的才能成為好的,但事實上商業 FO 處理器比 FOP 更好、更強大,盡管 FOP 正在改進,盡管速度很慢。)

如果您必須繼續使用 FOP,請確保您使用的是最新版本(請參閱此圖釘)。 2.4 有一些重要的好處。

附錄(SVG 的使用):

您可以通過動態構建的 SVG 標記來避免這種 FOP 錯誤。

以下是通過此方法獲取 PDF 表必須生成的標記類型示例:

<fo:instream-foreign-object>
    <svg:svg width="1000%" height="1000%">
        <svg:g id='rowGroup' transform='translate(0, 0)' role="table">
            <svg:text x='30' y='30' font-size='18px' font-weight='bold' fill='crimson' text-anchor='middle' role="row">
                <svg:tspan role="columnheader" x='100'>Sales</svg:tspan>
                <svg:tspan role="columnheader" x='200'>Expenses</svg:tspan>
                <svg:tspan role="columnheader" x='300'>Net</svg:tspan>
            </svg:text>
            
            <svg:rect x='30' y='40' width='310' height='1' fill='black'/>
            
            <svg:text x='30' y='30' font-size='18px' text-anchor='middle' role="row">
                <svg:tspan id="q1" role="rowheader" x='30' dy='1.5em' font-weight='bold' fill='crimson' text-anchor='start'>Q1</svg:tspan>
                <svg:tspan role="cell" x='100'>$223</svg:tspan>
                <svg:tspan role="cell" x='200'>$195</svg:tspan>
                <svg:tspan role="cell" x='300'>$28</svg:tspan>
            </svg:text>
            
            <svg:rect x='30' y='60' width='310' height='1' fill='black'/>
            
            <svg:text x='30' y='50' font-size='18px' text-anchor='middle' role="row">
                <svg:tspan id="q2" role="rowheader" x='30' dy='1.5em' font-weight='bold' fill='crimson' text-anchor='start'>Q2</svg:tspan>
                <svg:tspan role="cell" x='100'>$295</svg:tspan>
                <svg:tspan role="cell" x='200'>$263</svg:tspan>
                <svg:tspan role="cell" x='300'>$32</svg:tspan>
            </svg:text>
            
            <svg:rect x='30' y='80' width='310' height='1' fill='black'/>
            
            <svg:text x='30' y='70' font-size='18px' text-anchor='middle' role="row">
                <svg:tspan id="q3" role="rowheader" x='30' dy='1.5em' font-weight='bold' fill='crimson' text-anchor='start'>Q3</svg:tspan>
                <svg:tspan role="cell" x='100'>$951</svg:tspan>
                <svg:tspan role="cell" x='200'>$232</svg:tspan>
                <svg:tspan role="cell" x='300'>$719</svg:tspan>
            </svg:text>
            
            <svg:rect x='30' y='100' width='310' height='1' fill='black'/>
            
            <svg:text x='30' y='90' font-size='18px' text-anchor='middle' role="row">
                <svg:tspan id="q4" role="rowheader" x='30' dy='1.5em' font-weight='bold' fill='crimson' text-anchor='start'>Q4</svg:tspan>
                <svg:tspan role="cell" x='100'>$823</svg:tspan>
                <svg:tspan role="cell" x='200'>$175</svg:tspan>
                <svg:tspan role="cell" x='300'>$648</svg:tspan>
            </svg:text>
            
            <svg:rect x='30' y='120' width='310' height='1' fill='black'/>
        </svg:g>
    </svg:svg>
</fo:instream-foreign-object>

我讓您為您的特定案例動態創建 FO,但這應該教您如何以這種方式構建表。

您可以通過將邊框繪制為 SVG多邊形來輕松實現您想要的效果,這正是 Kevin 要做的事情(盡管我相信他說的是 RenderX 引擎內部的代碼。我的解決方案通過嵌入式 SVG 創建將其外部化。)當然, <svg:rect>標簽是一種多邊形形式,這就是您用來渲染邊框的方式。

如果您要嘗試此操作,請記住在<xsl:stylesheet>標記上指定 SVG 名稱空間。

xmlns:svg="http://www.w3.org/2000/svg"

查看這個最近合並的補丁(2020-12-29 合並),它似乎為我解決了這個問題:

https://issues.apache.org/jira/browse/FOP-2536 (在 PDF 輸出中改變表格邊框厚度)

修訂版 1884907:FOP-2536:允許重繪 PDF 邊框

從 Apache FOP 2.6 開始,您可以將以下參數設置到配置文件中(默認為 fop.xconf):

<table-border-overpaint>true</table-border-overpaint>

此選項可能會使您的邊框更粗,但可以解決一個問題: https : //xmlgraphics.apache.org/fop/faq.html#acrobat-anti-aliasing

此問題也被注冊為 Chromium Pdf 渲染錯誤: https : //bugs.chromium.org/p/chromium/issues/detail? id =500023

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM