4D Doc Center : SVG_Define_radial

4D v14

SVG_Define_radial_gradient


SVG_Define_radial_gradient ( objetoSVGPai ; id ; corInicio ; corFim {; cx ; cy ; r {; fx ; fy}} ) -> Resultado

Parâmetro	Tipo	Descrição
objetoSVGPai	SVG_Ref	Referencia do elemento pai
id	cadeia	Nome do gradiente
corInicio	cadeia	Cor de início
corFim	cadeia	Cor de fim
cx	Inteiro	Coordenada do centro de corFim no eixo X
cy	Inteiro	Coordenada do centro de corFim no eixo Y
r	Inteiro	Radio de corFim
fx	Inteiro	Coordenada do centro de corInicio no eixo X
fy	Inteiro	Coordenada do centro de corInicio no eixo Y
Resultado	cadeia	Referencia do gradiente

Descrição

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)