Fw: Rounded Rectangle effect in FOP

Sat, 19 Aug 2006 05:29:11 -0700

Hello,
I am trying to create a table with a rounded corners in FOP.
Mainly i am using the same aproach as for HTML rounded corner tables: i have one image for each corner and for the straight border lines i am using  'border' attribute of <fo:block>.
 
The problem is that even it looks pretty good on print, on screen the corners are looking much worse. Under a level of 300% zoom, a shadowing effect appears where the <fo:block> border and the gif corner image join. This view effect dissapears on a zoom bigger than 300% .
Once again, the print version is fine.
 
 
Here you can see the PDF result file :
 
 
 
 
 
Here is the code:
 
 
<fo:table table-layout="fixed" width="12.6cm" border="0px" padding="0px" margin="0px">
     <fo:table-column column-width="0.6cm"/>
    <fo:table-column column-width="7.4cm"/>
    <fo:table-column column-width="4cm"/>
    <fo:table-column column-width="0.6cm"/>
    <fo:table-body>
        <fo:table-row>
            <fo:table-cell column-number="1" number-columns-spanned="4">
                <fo:external-graphic>
                    <xsl:attribute name="height">0.04cm</xsl:attribute>
                    <xsl:attribute name="width">12.6cm</xsl:attribute>
                    <xsl:attribute name="src">
                        <xsl:value-of select="$appURL"/>/images/pdf/gifs/hline.gif
                    </xsl:attribute>
                </fo:external-graphic>
                                </fo:table-cell>
                            </fo:table-row>
                <fo:table-row border="0px" padding="0px" margin="0px">
                    <fo:table-cell column-number="1" number-columns-spanned="4" padding-left="0cm" padding-right="0.01cm">
                        <fo:block margin-left="0cm" margin-right="0.001cm"
                                              font-size="0.6em" vertical-align="middle"
                                              border-left="0.04cm" border-left-style="solid" border-left-color="#FF7D00"
                                              border-right="0.04cm" border-right-style="solid"
                                              border-right-color="#FF7D00"
                                              padding-left="0.6cm">

                                        <fo:table table-layout="fixed" width="12.6cm">
                                            <fo:table-column column-width="8cm"/>
                                            <fo:table-column column-width="4.6cm"/>
                                            <fo:table-body>
                                                <fo:table-row>
                                                    <fo:table-cell column-number="1">
                                                        <fo:block padding-top="0.5cm">
                                                            2002-02-02
                                                        </fo:block>
                                                    </fo:table-cell>
                                                    <fo:table-cell column-number="2">
                                                        <fo:block padding-top="0.2cm" padding-bottom="0cm"
                                                                  padding-left="0.6cm"
                                                                  border-left="0.04cm" border-left-style="solid"
                                                                  border-left-color="#FF7D00"
                                                                >
                                                            <fo:block>©1996</fo:block>
                                                            <fo:block>by ....</fo:block>
                                                            <fo:block>All rights reserved.</fo:block>
                                                        </fo:block>
                                                    </fo:table-cell>
                                                </fo:table-row>
                                            </fo:table-body>
                                        </fo:table>

                        </fo:block>
                    </fo:table-cell>
               </fo:table-row>
               <fo:table-row>
                     <fo:table-cell column-number="1" margin-bottom="0cm">
                                    <fo:external-graphic>
                                        <xsl:attribute name="width">0.6cm</xsl:attribute>
                                        <xsl:attribute name="height">0.6cm</xsl:attribute>
                                        <xsl:attribute name="src">
                                            <xsl:value-of select="$appURL"/>/images/pdf/gifs/corner_dwn_left.gif
                                        </xsl:attribute>
                                    </fo:external-graphic>
                     </fo:table-cell>
                     <fo:table-cell column-number="2"
                                        >
                                    <fo:block line-height="0.6cm"
                                              border-bottom="0.04cm" border-bottom-style="solid"
                                              border-bottom-color="#FF7D00"
                                              border-right="0.04cm" border-right-style="solid"
                                              border-right-color="#FF7D00"
                                              color="#FFFFFF"
                                            >aa
                                    </fo:block>
                       </fo:table-cell>
                            </fo:table-row>
                        </fo:table-body>
                    </fo:table>
 
 
 
And here is the image i have used :
 
 
Thanks
Florin Marcus
 
 
 
 
 
 

Reply via email to