4D Doc Center : SVG_Define

4D v14

SVG_Define_pattern


SVG_Define_pattern ( objetoSVGPai ; idPatrao {; largura {; alto {; x {; y {; unidade {; viewBox}}}}}} ) -> Resultado

Parâmetro	Tipo	Descrição
objetoSVGPai	SVG_Ref	Referencia do elemento pai
idPatrao	Texto	Nome do patrão
largura	Inteiro longo	Largura do patrão
alto	Inteiro longo	Altura do patrão
x	Inteiro longo	Posição x do patrão
y	Inteiro longo	Posição y do patrão
unidade	Texto	Unidade de longitude e posições
viewBox	Texto	Retângulo de visualização
Resultado	SVG_Ref	Referencia do patrão

Descrição

O comando SVG_Define_pattern define um novo patrão personalizado no recipiente SVG designado por objetoSVGPai e devolve sua referencia. Se objetoSVGPai não é (ou não pertence a) um documento SVG, é gerado um erro.

O parâmetro IDPatrao especifica o nome do patrão. Este nome se utiliza para associar o patrão a um objeto. Se existe um elemento com o mesmo nome, é gerado um erro.

Os parâmetros opcionais largo, alto, x, y, unidade e viewBox definem o retângulo de referencia do patrão, em outras palavras, a forma em que o mosaico do patrão será localizado e colocado em um espaço.

O patrão será associado como enchimento ou contorno ao passar a cadeia "url (#id)" como valor quando se espera uma expressão cor.

Ver também: http://www.w3.org/TR/SVG/pservers.html#Patterns

Exemplo 1

Definição de um patrão e uso do patrão para o enchimento de uma elipse:

  //Definição do patrão

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

 

  //Desenho de uma elipse cheia com o patrão

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

Exemplo 2

Definição de um patrão e uso para o enchimento e os contornos de uma elipse:

  //Definição do patrão

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

 

  //Desenho de uma elipse

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

 

  //Uso do patrão para o enchimento e os contornos

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

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