SVG_Define_linear_gradient

4D - Documentation   Français   English   German   Composant 4D SVG, Commandes par thèmes   4D SVG, Index   Retour   Précédent   Suivant

version 11.3


SVG_Define_linear_gradient (objetSVGParent; id; couleurDébut; couleurFin{; rotation}) Chaîne

ParamètreTypeDescription
objetSVGParentRef_SVGRéférence de l'élément parent
idChaîneNom du dégradé
couleurDébutChaîneCouleur de démarrage
couleurFinChaîneCouleur de fin
rotationEntierRotation du vecteur de dégradé
RésultatChaîneRéférence du dégradé

Description

La commande SVG_Define_linear_gradient définit un nouveau dégradé linéaire dans le conteneur SVG désigné par objetSVGParent et retourne sa référence. Si objetSVGParent n'est pas un document SVG, une erreur est générée.

Un dégradé consiste en une transition de couleur progressive continue au long d'un vecteur, d'une couleur à l'autre. Une fois définis, les dégradés sont appelés sur un élément graphique donné. Vous devez indiquer si l'élément doit être rempli ou liseré avec le dégradé.

Le paramètre id spécifie le nom du dégradé. Si un élément de même nom existait, il est remplacé. Ce nom sera utilisé pour désigner le dégradé à chaque fois qu'une expression couleur sera attendue via la syntaxe "url(#ID)".

Les paramètres couleurDébut et couleurFin spécifient les couleurs utilisées pour débuter et terminer le dégradé.

Le paramètre optionnel rotation définit la position et le sens du vecteur de dégradé (cf. exemple)

Exemple

Dessiner 6 carrés pleins utilisant chacun un serveur de peinture de dégradé linéaire en variant la rotation et le sens du vecteur de dégradé

   $svg:=SVG_New 

   SVG_Define_linear_gradient ($svg;"demoGradient_1";"red";"yellow")
   SVG_New_rect ($svg;10;10;90;90;0;0;"black";"url(#demoGradient_1)")
   SVG_New_text ($svg;"rotation = 0\rrotation = 180";50;40;"";-1;-1;Centré)

   SVG_Define_linear_gradient ($svg;"demoGradient_2";"red";"yellow";180)
   SVG_New_rect ($svg;110;10;90;90;0;0;"black";"url(#demoGradient_2)")
   SVG_New_text ($svg;"rotation = -180";150;50;"";-1;-1; Centré)

   SVG_Define_linear_gradient ($svg;"demoGradient_3";"red";"yellow";45)
   SVG_New_rect ($svg;10;110;90;90;0;0;"black";"url(#demoGradient_3)")
   SVG_New_text ($svg;"rotation = 45";50;150;"";-1;-1; Centré)

   SVG_Define_linear_gradient ($svg;"demoGradient_4";"red";"yellow";-45)
   SVG_New_rect ($svg;110;110;90;90;0;0;"black";"url(#demoGradient_4)")
   SVG_New_text ($svg;"rotation = -45";150;150;"";-1;-1; Centré)

   SVG_Define_linear_gradient ($svg;"demoGradient_5";"red";"yellow";90)
   SVG_New_rect ($svg;10;210;90;90;0;0;"black";"url(#demoGradient_5)")
   SVG_New_text ($svg;"rotation = 90";50;250;"";-1;-1; Centré)

   SVG_Define_linear_gradient ($svg;"demoGradient_6";"red";"yellow";-90)
   SVG_New_rect ($svg;110;210;90;90;0;0;"black";"url(#demoGradient_6)")
   SVG_New_text ($svg;"rotation = -90";150;250;"";-1;-1; Centré)

      `Sauvegarder le document
   SVG_SAVE_AS_TEXT ($svg;"test.svg")
      `Libérer la mémoire
   SVG_CLEAR ($svg)

Référence

Couleurs SVG, SVG_Define_radial_gradient.


4D - Documentation   Français   English   German   Composant 4D SVG, Commandes par thèmes   4D SVG, Index   Retour   Précédent   Suivant