Una pendenza è una transizione regolare da un colore ad un altro colore. Oltre che il quel, parecchie transizioni di colore possono essere applicate allo stesso elemento.

Ci sono pricipalmente due tipi di pendenze in SVG:

• Linear Gradients
• Radial Gradients

La modifica del <linearGradient> è usata per definire le pendenze lineari di SVG.

La modifica del <linearGradient> deve essere annidata all'interno della modifica del <defs>. La modifica del <defs> è corta per la definizione e permette la definizione degli elementi speciali quali le pendenze.

Le pendenze lineari possono essere definite come pendenze verticali, orizzontali o angolari:

• Le pendenze verticali sono generate quando x1 e x2 sono uguali e y1 e y2 sono differiti da.

• Le pendenze orizzontali sono generate quando y1 e y2 sono uguali e x1 e x2 sono differiti da.

• Le pendenze angolari sono generate quando x1 e x2 differiscono da e y1 e y2 sono differiti da.

Copy il seguente codice nel Notepad e risparmi la lima come “linear.svg„. Disporre soltanto la lima nel vostro indice di fotoricettore:

• L'attributo dell'identificazione della modifica del <linearGradient> definisce un nome unico per le pendenze

• Il materiale di riempimento: la proprietà del URL (#orange_red) collega l'elemento di ellisse alle pendenze

• I x1, x2, y1, gli attributi y2 della modifica del <linearGradient> definiscono cominciare e la posizione di conclusione delle pendenze

• La gamma di colore per una pendenza può comporrsi di due o più colori. Ogni colore è specificato con la modifica del <stop>. L'attributo di derivazione è usato per definire dove il colore di pendenza comincia e l'estremità