4D v16

SVG_Define_pattern

Inicio

 
4D v16
SVG_Define_pattern

SVG_Define_pattern 


 

SVG_Define_pattern ( objetoSVGPadre ; idPatron {; ancho {; alto {; x {; y {; unidad {; viewBox}}}}}} ) -> Resultado 
Parámetro Tipo   Descripción
objetoSVGPadre  Ref_SVG in Referencia del elemento padre
idPatron  Texto in Nombre del patrón
ancho  Entero largo in Ancho del patrón
alto  Entero largo in Alto del patrón
Entero largo in Posición x del patrón
Entero largo in Posición y del patrón
unidad  Texto in Unidad de longitud y posiciones
viewBox  Texto in Rectángulo de visualización
Resultado  Ref_SVG in Referencia del patró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

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)

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

 
PROPIEDADES 

Producto: 4D
Tema: Estructura y definiciones
Número 65890

 
HISTORIA 

Creado por: 4D v12

 
ARTICLE USAGE

4D SVG ( 4D v16)