4D v14

SVG_Define_pattern

Accueil

 
4D v14
SVG_Define_pattern

SVG_Define_pattern 


 

SVG_Define_pattern ( objetSVGParent ; idMotif {; largeur {; hauteur {; x {; y {; unité {; viewBox}}}}}} ) -> Résultat 
Paramètre Type   Description
objetSVGParent  Ref_SVG in Référence de l’élément parent
idMotif  Texte in Nom du motif
largeur  Entier long in Largeur du motif
hauteur  Entier long in Hauteur du motif
Entier long in Position x du motif
Entier long in Position y du motif
unité  Texte in Unité des longueurs et positions
viewBox  Texte in Rectangle de visualisation
Résultat  Ref_SVG in Référence du motif

La commande SVG_Define_pattern définit un nouveau motif personnalisé dans le conteneur SVG désigné par objetSVGParent et retourne sa référence. Si objetSVGParent n’est pas (ou n’appartient pas à) un document SVG, une erreur est générée.

Le paramètre idMotif spécifie le nom du motif. Le nom sera utilisé pour associer le motif à un objet. Si un élément de même nom existait, une erreur est générée.

Les paramètres optionnels largeur, hauteur, x, y, unité et viewBox définissent le rectangle de référence du motif, c’est-à-dire la manière dont la mosaïque de motif sera placée et espacée.

Le motif sera associé comme peinture de remplissage ou de contour en passant la chaîne "url(#id)" comme valeur lorsqu'une expression couleur est attendue.

Référence : http://www.yoyodesign.org/doc/w3c/svg1/pservers.html#Patterns

Définition d’un motif et utilisation pour le remplissage d’une ellipse :

  //Définition du pattern
 $Dom_pattern:=SVG_Define_pattern($Dom_SVG;"MyPattern";100;100;0;0;"";"0 0 10 10")
 $Dom_path:=SVG_New_path($Dom_pattern;0;0)
 
 SVG_PATH_MOVE_TO($Dom_path;0;0)
 SVG_PATH_LINE_TO($Dom_path;7;0)
 SVG_PATH_LINE_TO($Dom_path;3,5;7)
 SVG_PATH_CLOSE($Dom_path)
 SVG_SET_FILL_BRUSH($Dom_path;"red")
 SVG_SET_STROKE_BRUSH($Dom_path;"blue")
 
  //Tracé d’une ellipse remplie avec le motif
 $Dom_ellipse:=SVG_New_ellipse($Dom_SVG;400;200;350;150;"black";"url(#MyPattern)";5)

Définition d’un motif et utilisation pour le remplissage et les contours d’une ellipse :

  //Définition du motif
 $Dom_pattern:=SVG_Define_pattern($Dom_SVG;"MyPattern ";80;80;0;0;"";"0 0 20 20")
 $Dom_rect:=SVG_New_rect($Dom_pattern;0;0;20;20;0;0;"white";"red")
 
  //Tracé d’une ellipse
 $Dom_ellipse:=SVG_New_ellipse($Dom_SVG;400;200;350;150)
 
  //Utiliser le motif pour le remplissage et les contours
 SVG_SET_FILL_BRUSH($Dom_ellipse;"url(#MyPattern)")
 SVG_SET_STROKE_BRUSH($Dom_ellipse;"url(#MyPattern)")

 
PROPRIÉTÉS 

Produit : 4D
Thème : Structure et Définitions
Numéro : 65890
Nom intl. : SVG_Define_pattern

 
HISTORIQUE 

Créé : 4D v12

 
UTILISATION DE L'ARTICLE

4D SVG ( 4D v13)
4D SVG ( 4D v12)
4D SVG ( 4D v14)