4D v16

SVG_Define_radial_gradient

Accueil

 
4D v16
SVG_Define_radial_gradient

SVG_Define_radial_gradient 


 

SVG_Define_radial_gradient ( objetSVGParent ; id ; couleurDébut ; couleurFin {; cx ; cy ; r {; fx ; fy}} ) -> Résultat 
Paramètre Type   Description
objetSVGParent  Ref_SVG in Référence de l’élément parent
id  Chaîne in Nom du dégradé
couleurDébut  Chaîne in Couleur de démarrage
couleurFin  Chaîne in Couleur de fin
cx  Entier in Coordonnée du centre de couleurFin sur l'axe x
cy  Entier in Coordonnée du centre de couleurFin sur l'axe y
Entier in Rayon de couleurFin
fx  Entier in Coordonnée du centre de couleurDébut sur l'axe x
fy  Entier in Coordonnée du centre de couleurDébut sur l'axe y
Résultat  Chaîne in Référence du dégradé

La commande SVG_Define_radial_gradient définit un nouveau dégradé radial 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é.

Les paramètres optionnels cx, cy et r définissent, en pourcentage, le cercle limite externe de couleurFin du dégradé. Leurs valeurs doivent être comprises entre 0 et 100.

Les paramètres optionnels fx et fy définissent, en pourcentage, le foyer du dégradé. La couleurDébut commence au point [fx,fy]. Leurs valeurs doivent être comprises entre 0 et 100. Si ces arguments sont omis, ce point coïncide avec [cx,cy].

Exemple  

 $svg:=SVG_New
 
 SVG_Define_radial_gradient($svg;"grad1";"yellow";"red")
 SVG_New_rect($svg;10;10;90;90;0;0;"black";"url(#grad1)")
 SVG_New_text($svg;"grad1";12;10)
 
 SVG_Define_radial_gradient($svg;"grad2";"yellow";"red";50;50;20;50;50)
 SVG_New_rect($svg;110;10;90;90;0;0;"black";"url(#grad2)")
 SVG_New_text($svg;"grad2";112;10)
 
 SVG_Define_radial_gradient($svg;"grad3";"yellow";"red";80;60;50;60;80)
 SVG_New_rect($svg;10;110;90;90;0;0;"black";"url(#grad3)")
 SVG_New_text($svg;"grad3";12;110)
 
 SVG_Define_radial_gradient($svg;"grad4";"yellow";"red";20;50;80;20;30)
 SVG_New_rect($svg;110;110;90;90;0;0;"black";"url(#grad4)")
 SVG_New_text($svg;"grad4";112;110)
 
  `Sauvegarder le document
 SVG_SAVE_AS_TEXT($svg;"test.svg")
  `Libérer la mémoire
 SVG_CLEAR($svg)



Voir aussi  

Couleurs SVG
SVG_Define_linear_gradient

 
PROPRIÉTÉS 

Produit : 4D
Thème : Structure et Définitions
Numéro : 65984

 
HISTORIQUE 

Créé : Composant 4D SVG v11.3

 
UTILISATION DE L'ARTICLE

4D SVG ( 4D v16)