4D Doc Center : SVG_Define

4D v14

SVG_Define_pattern


SVG_Define_pattern ( objetoSVGPadre ; idPatron {; ancho {; alto {; x {; y {; unidad {; viewBox}}}}}} ) -> Resultado

Parámetro	Tipo	Descripción
objetoSVGPadre	SVG_Ref	Referencia del elemento padre
idPatron	Texto	Nombre del patrón
ancho	Entero largo	Ancho del patrón
alto	Entero largo	Alto del patrón
x	Entero largo	Posición x del patrón
y	Entero largo	Posición y del patrón
unidad	Texto	Unidad de longitud y posiciones
viewBox	Texto	Rectángulo de visualización
Resultado	SVG_Ref	Referencia del patrón

Descripción

El comando SVG_Define_pattern define un nuevo patrón personalizado en el contenedor SVG designado por objetoSVGPadre y devuelve su referencia. Si objetoSVGPadre no es (o no pertenece a) un documento SVG, se genera un error.

El parámetro IDPatron especifica el nombre del patrón. Este nombre se utiliza para asociar el patrón a un objeto. Si existe un elemento con el mismo nombre, se genera un error.

Los parámetros opcionales ancho, alto, x, y, unidad y viewBox definen el rectángulo de referencia del patrón, en otras palabras, la forma en que el mosaico del patrón se ubicará y espaciará.

El patrón se asociará como relleno o contorno al pasar la cadena "url (#id)" como valor cuando se espera una expresión color.

Ver también: http://www.w3.org/TR/SVG/pservers.html#Patterns

Ejemplo 1

Definición de un patrón y uso el patrón para el relleno de una elipse:

  //Definición del patrón

 $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")

 

  //Dibujo de una elipse llena con el patrón

 $Dom_ellipse:=SVG_New_ellipse($Dom_SVG;400;200;350;150;"black";"url(#MyPattern)";5)

Ejemplo 2

Definición de un patrón y uso para el relleno y los contornos de una elipse:

  //Definición del patrón

 $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")

 

  //Dibujo de una elipse

 $Dom_ellipse:=SVG_New_ellipse($Dom_SVG;400;200;350;150)

 

  //Uso del patrón para el relleno y los contornos

 SVG_SET_FILL_BRUSH($Dom_ellipse;"url(#MyPattern)")

 SVG_SET_STROKE_BRUSH($Dom_ellipse;"url(#MyPattern)")