Just like create HTML page, you can create an SVG tag by:
<? XML version= "1.0" encoding= "Utf-8" ?> < version= "1.1" xmlns= "Http://www.w3.org/2000/svg" height = "340" width = "340" style = "Background-color: #F6F7F7;" > </ svg >
Inside svg,
- X,y:control the position of element
- Fill:control the color of element
- Height, width:you know
Simple example by rect tag:
<?XML version= "1.0" encoding= "Utf-8"?><svgversion= "1.1"xmlns= "Http://www.w3.org/2000/svg"Height= "340"width= "340"style= "Background-color: #F6F7F7;"> <!--Chimney - <rectHeight= "+"width= "+"Fill= "#FBF6A7"x= "98"y= "127"/> <rectHeight= "4"width= " the"Fill= "#E04E27"x= "The "y= "123"/> <!-- House - <rectHeight= "+"width= "162"Fill= "#FBF6A7"x= "All"y= "198"/> <rectHeight= "The "width= "184"Fill= "#E04E27"x= "a"y= "148"/> <!--Door - <rectHeight= "$"width= "The "Fill= "#E04E27"x= "153"y= "222"/> <!--Door Handler - <rectHeight= "8"width= "2"Fill= "#FBF6A7"x= "183"y= "252"/></svg>
[SVG] Simple introduce for SVG