#6
|
|||
|
|||
SVG <ellipse>
The
The The Copy the following code into Notepad and save the file as "ellipse1.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:rgb(0,0,100);stroke-width:2"/> Code explanation:
The following example creates three ellipses on top of each other: "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> The following example combines two ellipses (one yellow and one white): "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> |
#7
|
|||
|
|||
SVG <line>
The
The The Copy the following code into Notepad and save the file as "line1.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:
|
#8
|
|||
|
|||
SVG <polygon>
The
The The Copy the following code into Notepad and save the file as "polygon1.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:#000000;stroke-width:1"/> Code explanation:
The following example creates a polygon with four sides: "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> stroke:#000000;stroke-width:1"/> |
#9
|
|||
|
|||
SVG <path>
The
The The The following commands are available for path data:
Copy the following code into Notepad and save the file as "path1.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"> The example above defines a path that starts at position 250 150 with a line to position 150 350 then from there a line to 350 350 and finally closing the path back to 250 150. The following example creates a spiral: "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns="http://www.w3.org/2000/svg"> |
#10
|
|||
|
|||
SVG Filters
SVG Filters is used to add special effects to shapes and text.
SVG Filters The available filters in SVG are:
|