[XSL-FO]Mettre une image en background

**Little_flower** · 25/05/2007, 09h40

Bonjour,

J'ai besoin de votre aide pour réaliser cela...

Une image doit être contenue sur toutes mes pages avec toutes mes données au dessus ainsi que mes en têtes et pieds de page...

Si vous avez une idée ou une solution...

P.S : j'ai regardé les messages relatifs à ce sujet dans le forum et n'ai pas compris grand chose...

Merci pour votre aide !

**valal** · 25/05/2007, 11h22

dans quel type de doc? pdf? html? en utilisant quoi?

si c'est du pdf :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<fo:block background-image="detail.gif">

mais ça deped de ce que tu utilise pour genrer le pdf? fop? antenna? etc...

**Little_flower** · 25/05/2007, 13h49

Bonjour,

Je programme en xsl fo...

J'ai testé le code que tu m'a donné et que j'avais déjà essayé mais il ne fonctionne pas...

Peut-être l'ai-je mal placé...

Voici mon code XSL :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<fo:flow flow-name="xsl-region-body" >
<fo:block background-image="file:AideInfo/img/Filigrane-VersionEnregistree.gif">
<fo:block>
<xsl:apply-templates select="TableauCumulMontant"/>
 
<fo:block padding-bottom="0.5cm"/>
 
<fo:block color="blue" text-align="center" font-weight="bold" padding-top="0.5cm" font-size="12pt" padding-bottom="0.4cm">Montants saisis pour chaque salarié
							     </fo:block>
 
<xsl:apply-templates select="TableauMontantSalarie"/>
 
</fo:block>
</fo:block>
</fo:flow>

**valal** · 25/05/2007, 14h04

tu utilise quoi pour convertir ton fo en pdf? (fop? antenna? ou autre?)

essaye aussi de mettre l'image directement dans le repertoire du fo

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<fo:block background-image="Filigrane-VersionEnregistree.gif">

**Little_flower** · 25/05/2007, 14h21

J'utilise FOP je vais tester cette solution mais pour être franche j'ai du mal à y croire !
....

Je teste et je te dis !

**Little_flower** · 25/05/2007, 14h23

Ca marche pas du tout....

Je comprend pas...

Si tu veux je t'envoie l'image c'est peut-être elle qui merde...

Je vais tester avec une autre aussi...

**Little_flower** · 25/05/2007, 14h25

Bon j'ai testé avec une autre image pas plus de résultat...

Je t'envoie mon image au cas ou...

**Little_flower** · 25/05/2007, 14h40

Je viens de me rendre compte que lorsque j'imprime mon doc le fond apparait mais l'image est complétement décalée par rapport au contenu (en bas à droite coupée en plein milieu)...

Mais elle n'apparait pas sur le PDF à l'écran ......

Bizarre non ???

**valal** · 25/05/2007, 15h09

QUELLLE version de fop tu utilise?

**valal** · 25/05/2007, 15h15

un exemple pour 0.20.5:

le fo est dans keep.xml

c'est finalement avec les bloc-container en position absolute que je l'ai fait..

**Little_flower** · 25/05/2007, 15h30

Effectivement je vois mon image mais j'ai un gros soucis de position...

J'ai remis à quelques détails près le code que tu m'as donné...
Mais mon image se situe en bas à droite... ????

Je t'envoie mon PDF tu vas voir.

CODE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<fo:flow flow-name="xsl-region-body">
 
		<fo:block-container width="21cm" height="29.7cm" top="0cm" left="0cm" position="absolute">
 <fo:block>
  <fo:external-graphic src="file:Filigrane-VersionEnregistree.gif" scaling="uniform" /> 
  </fo:block>
  </fo:block-container>

Voila....

**valal** · 25/05/2007, 15h33

il faut calculer les width, height du bloc-container en fonction du :

- page-width
- page-height
- margin-top, margin-bottom, margin-left/right de ta région-body

**Little_flower** · 25/05/2007, 15h53

Nouveau problème

Je n'arrive pas à régler l'image il faut que lui mette -5 pour certaines des propriétés je trouve ca très étrange de plus je pers tout mon contenu...

Mon XSL :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
		<fo:block-container width="21cm" height="29.7cm" content-width="75%" content-height="75%" top="-10cm" left="-5cm" right="-5cm" bottom="10cm" position="absolute" >
 <fo:block>
  <fo:external-graphic src="file:Filigrane-VersionEnregistree.gif" scaling="uniform" /> 
  </fo:block>
  </fo:block-container>

La définition de ma page :
*

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<fo:simple-page-master master-name="garde"
		page-height="29.7cm"
		page-width="21cm"
		margin-top="1cm"
		margin-bottom="1cm"
		margin-left="2cm"
		margin-right="2cm">
 
		<fo:region-body
		margin-top="5cm"
		margin-bottom="4cm"/>
 
		<fo:region-before extent="5cm"/>
		<fo:region-after extent="4cm"/>		
		</fo:simple-page-master>
 
		</fo:layout-master-set>

**valal** · 25/05/2007, 16h05

tu ne m'a toujours pas dit quelle version de fop tu utilise?

**Little_flower** · 29/05/2007, 09h18

C'est la dernière version à savoir, il me semble :

la version 0.93...

Voila...

Je pense que mon image se définit mal car je possède un entête et un pied de page et qu'elle n'est définie que dans le body donc elle passe au dessus de l'entête et du pied de page et les cache...

Voila mon PDF + le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<fo:block-container position="absolute" bottom="1cm" left="0cm" top="-2cm" right="0cm" width="21cm" height="29.7cm">
			<fo:block >
			<fo:external-graphic src="url(Filigrane-VersionEnregistree.png)" scaling="uniform" content-width="65%" content-height="65%" /> 
			</fo:block>
		  </fo:block-container>

**Little_flower** · 29/05/2007, 10h00

J'ai enfin trouvé !!!

Il suffit de placer l'image dans un block-container comme tu m'avais dis puis de le placer dans le xsl:region-before et de la placer suivant les différents arguments top bottom right left...

Pour moi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<fo:static-content flow-name="xsl-region-before">
		<fo:block-container position="absolute" bottom="3cm" left="0cm" top="2cm" right="0cm" width="21cm" height="29.7cm">
 
		<fo:block>
			<fo:external-graphic src="url(Filigrane-VersionEnregistree.png)" content-width="65%" content-height="65%" /> 
		</fo:block>
 
		 </fo:block-container>
		<fo:block-container position="absolute" bottom="0cm" left="0cm" top="0cm" right="0cm" width="21cm" height="29.7cm">
		<fo:block text-align="center" color="blue" font-size="20pt" font-weight="bold">
		  Déclaration nominative annuelle des salariés
		</fo:block>
 
		<fo:block>
		  <xsl:value-of select="SousTitre"/>
		</fo:block>
		<fo:block padding-bottom="1cm"/>
		<fo:block>
		  <xsl:apply-templates select="TableauTitre"/>
		</fo:block>
		</fo:block-container>
 
		</fo:static-content>

**valal** · 29/05/2007, 10h06

Envoyé par valal

il faut calculer les width, height du bloc-container en fonction du :

- page-width
- page-height
- margin-top, margin-bottom, margin-left/right de ta région-body

ce que je t'ai fait c'était pour la 0.20.5. comme dit dans un précedent post il faut adapter la taille du bloc-container seulement à ta région body. je pense par exmple que tu as mis comme height/width pour le bloc-container les mêmes que ceux de tapage alors que tu dois mettre que le height réel de zone body, à savoir :

width = (page-width) - [(margin-left) + (margin-right)]
height = (page-height) - [(margin-top) + (margin-bottom)]

ainsi tu limite le bloc-container uniquement à ta zone de body

[XSL-FO]Mettre une image en background

XSL/XSLT/XPATH XML

Discussions similaires

Partager

Partager