4D Doc Center : SVG_Define_radial

4D v14

SVG_Define_radial_gradient


SVG_Define_radial_gradient ( objetoSVGPadre ; id ; colorInicio ; colorFin {; cx ; cy ; r {; fx ; fy}} ) -> Resultado

Parámetro	Tipo	Descripción
objetoSVGPadre	SVG_Ref	Referencia del elemento padre
id	Cadena	Nombre del degradé
colorInicio	Cadena	Color de inicio
colorFin	Cadena	Color de fin
cx	Entero	Coordenada del centro de colorFin en el eje X
cy	Entero	Coordenada del centro de colorFin en el eje Y
r	Entero	Radio de colorFin
fx	Entero	Coordenada del centro de colorInicio en el eje X
fy	Entero	Coordenada del centro de colorInicio en el eje Y
Resultado	Cadena	Referencia del degradé

Descripción

El comando SVG_Define_radial_gradient define un nuevo degradé radial en el contenedor SVG designado por objetoSVGPadre y devuelve su referencia. Si objetoSVGPadre no es un documento SVG, se genera un error.

Un degradé consiste en una transición de color progresiva continua de un color a otro a lo largo de un vector. Una vez definido, los degradés se llaman en un elemento gráfico dado. Debe indicar si el elemento debe llenarse o bordearse con el degradé llamado.

El parámetro id especifica el nombre del degradé. Si existe un elemento con el mismo nombre, se reemplazará. Este nombre se utilizará para llamar al degradé cada vez que una expresión color se espere utilizando la sintaxis "url (#ID)".

Los parámetros colorInicio y colorFin especifican los colores que se utilizan para iniciar y terminar el degradé.

Los parámetros opcionales cx, cy y r especifican, en porcentaje, el círculo limite externo de colorFin del degradé. Sus valores deben estar entre 0 y 100.

Los parámetros opcionales fx y fy especifican, en porcentaje, el punto focal del degradé. El colorInicio comienza en el punto [fx, fy]. Sus valores deben estar entre 0 y 100. Si estos argumentos se omiten, este punto coincide con [cx, cy].

Ejemplo

 $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 el documento

 SVG_SAVE_AS_TEXT($svg;"test.svg")

  `Liberar la memoria

 SVG_CLEAR($svg)