developer.jelix.org is not used any more and exists only for history. Post new tickets on the Github account.
developer.jelix.org n'est plus utilisée, et existe uniquement pour son historique. Postez les nouveaux tickets sur le compte github.

Changes between Version 11 and Version 12 of fr/drafts/jimage2


Ignore:
Timestamp:
Jul 25, 2008, 2:44:24 AM (12 years ago)
Author:
Lipki
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • fr/drafts/jimage2

    v11 v12  
    8181Il est possible d'ajouter une bordure a l'image.
    8282
    83  note : si "square" est à off, la bordure devra suivra la forme de l'image.
    84  note : l'utilisation de "border-8share" force "square" à on.
     83 note : l'utilisation de "border-8share" et de "border-radius" force "square" à "on".
     84 note : si "square" est à "off", la bordure devra suivra la forme de l'image.
    8585
    86  * border-radius : Ajoute des coins arrondi a l'image.
    87  * border-width  : Épaisseur de la bordure.
    88  * border-color  : Couleur de la bordure.
    89  * border-8share : url de l'image utilisé pour créer la bordure, cette image est divisé en 8 part.[[BR]]
     86 * border-radius : Ajoute des coins arrondi a l'image. [défaut : 5]
     87 * border-width  : Épaisseur de la bordure. [défaut : 2]
     88 * border-color  : Couleur de la bordure. [défaut : #fff]
     89 * border-8share : url de l'image utilisé pour créer la bordure, cette image est divisé en 8 part. [défaut : ...][[BR]]
    9090   Les chiffres représente la taille de la bordure en haut, en bas et sur les coté.
    9191
    92  * border : l'ordre de paramètres n'importe pas, mais il faut penser a mettre les unitées.[[BR]]
     92 * border : l'ordre des paramètres n'importe pas, mais il faut penser a mettre les unités. [défaut : 5° 2px #fff][[BR]]
    9393   border-8share n'est pas intégrer.
    9494
    9595ex de code :
    9696{{{
    97    {image 'toupie2.png', 'border: 5° 3px #fff;' }
    98    {image 'toupie2.png', 'border-8share: url(border.png) 5px 3px;' }
     97   {image 'toupie.png', 'border: 3° 3px #fff;' }
     98   {image 'toupie.png', 'border-8share: url(border.png) 5px 3px;' }
    9999}}}
     100
     101==== Square ====
     102
     103Lorsque square est a "on", l'image est traité comme un rectangle plein même si c'est une image png24, avec des zones transparentes.[[BR]]
     104par défaut square est a "off", mais il est forcé a "on" lorsque l'on utilise :
     105 * border-radius
     106 * border-8share
     107 * dans le cas d'une image jpg en entrée et/ou en sortie
     108
     109ex de code :
     110{{{
     111   {image 'toupie.png', 'square: on;' }
     112}}}
     113
     114==== Shadow ====
     115
     116Shadow permet d'appliquer une ombre portée a l'image.
     117
     118 note : l'utilisation de l'une ou l'autre de c'est attributs force l'ombre a s'afficher, utiliser "shadow: on;" si tous les paramètres reste par défaut.
     119 note : l'image est redimensionner après la pose de l'ombre.
     120
     121 * shadow-offset : décalage de l'ombre avec l'image [défaut : 10]
     122 * shadow-angle  : angle de l'ombre [défaut : 45]
     123 * shadow-alpha  : niveau de transparence [défaut : 0.5]
     124 * shadow-blur   : niveau de flou [défaut : 3]
     125 * shadow-color  : couleur de l'ombre [défaut : #000]
     126 * shadow        : Affiche l'ombre [défaut : off]
     127       
     128 * shadow : l'ordre des paramètres n'importe pas, mais il faut penser a mettre les unités. [défaut : 10px 45° 0.5@ 3 #000 on][[BR]]
     129
     130ex de code :
     131{{{
     132   {image 'toupie.png', 'shadow: on;' }
     133   {image 'toupie.png', 'shadow: 20px 0° 0 1@ #ff0;' }
     134}}}
     135
     136==== Rotate ====
     137