#11
|
|||
|
|||
SVG Gaussian Blur
An SVG Filter must be defined within a
Gaussian Blur The The Copy the following code into Notepad and save the file as "filter1.svg". Place the file in your Web directory: "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> stroke-width:2;filter:url(#Gaussian_Blur)"/> Code explanation:
Another example with a different stdDeviation: "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> stroke-width:2;filter:url(#Gaussian_Blur)"/> |
#12
|
|||
|
|||
SVG Gradients - Linear
An SVG Gradient must be defined within a
SVG Gradients A gradient is a smooth transition from one color to another. In addition, several color transitions can be applied to the same element. There are two main types of gradients in SVG:
The The Linear gradients can be defined as horizontal, vertical or angular gradients:
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> Code explanation:
Another example: "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> |
#13
|
|||
|
|||
SVG Gradients - Radia
An SVG Gradient must be defined within a
Radial Gradients The The Copy the following code into Notepad and save the file as "radial1.svg". Place the file in your Web directory: "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> Code explanation:
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> |