SVG -- linear and radial gradients

From Nokia Developer Wiki
Jump to: navigation, search
Article Metadata
Created: hor255 (04 Apr 2007)
Last edited: hamishwillee (31 Jul 2012)

To fill objects in the SVG image you can use color, gradients or patterns. The patterns are mostly not supported in the SVG Profiles for mobile phones.

On the picture below, you can see difference between the linear(on the left) and radial gradient(on the right).


Gradients are widely used in the mobile phone graphics. For example most of the default SVG graphics from the Carbide.ui contains gradients.

External links:

Linear gradients

Radial gradients

This page was last modified on 31 July 2012, at 11:12.
43 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.


Thank you!

We appreciate your feedback.