4D v16

SVG_Define_radial_gradient

Página Inicial

 
4D v16
SVG_Define_radial_gradient

SVG_Define_radial_gradient 


 

SVG_Define_radial_gradient ( objetoSVGPai ; id ; corInicio ; corFim {; cx ; cy ; r {; fx ; fy}} ) -> Resultado 
Parâmetro Tipo   Descrição
objetoSVGPai  Ref_SVG in Referencia do elemento pai
id  String in Nome do gradiente
corInicio  String in Cor de início
corFim  String in Cor de fim
cx  Inteiro in Coordenada do centro de corFim no eixo X
cy  Inteiro in Coordenada do centro de corFim no eixo Y
Inteiro in Radio de corFim
fx  Inteiro in Coordenada do centro de corInicio no eixo X
fy  Inteiro in Coordenada do centro de corInicio no eixo Y
Resultado  String in Referencia do gradiente

O comando SVG_Define_radial_gradient define um novo gradiente radial no recipiente SVG designado por objetoSVGPai e devolve sua referencia. Se objetoSVGPai não é um documento SVG, é gerado um erro.

Um gradiente consiste em uma transição de cor progressiva continua de uma cor a outra ao longo de um vetor. Uma vez definido, os gradientes se chamam em um elemento gráfico dado. Deve indicar se o elemento deve ser enchido ou bordado com o gradiente chamado.

O parâmetro id especifica o nome do gradiente. Se existe um elemento com o mesmo nome, será substituído. Este nome será utilizado para chamar ao gradiente cada vez que uma expressão  cor se espere utilizando a sintaxes "url (#ID)".

Os parâmetros corInicio e corFim especificam as cores que se utilizam para iniciar e terminar o gradiente.

Os parâmetros opcionais cx, cy e r especificam, em porcentagem, o círculo limite externo de corFim do gradiente. Seus valores devem estar entre 0 e 100.

Os parâmetros opcionais fx e fy especificam, em porcentagem, o ponto de foco do gradiente. A corInicio começa no ponto [fx, fy]. Seus valores devem estar entre 0 e 100. Se estes argumentos se omitem, este ponto coincide com [cx, cy].

Exemplo  

 $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)
 
  `Guardar o documento
 SVG_SAVE_AS_TEXT($svg;"test.svg")
  `Liberar a memória
 SVG_CLEAR($svg)



Ver também 

Cores SVG
SVG_Define_linear_gradient

 
PROPRIEDADES 

Produto: 4D
Tema: Estrutura e definições
Número 65984

 
HISTÓRIA 

Criado por: Composant 4D SVG v11.3

 
ARTICLE USAGE

4D SVG ( 4D v16)