SVG尝试

最近接到同学的一个项目,要用SVG+JS+AJAX来做一个交友的东东,挺有新意的.

说道SVG,以前自己从来没有用过,所以要先学习一下,作了一个小代码.先写下来.

 

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000802//EN" "http://www.w3.org/TR/2000/CT-SVG-20000802/DTD/svg-20000802.dtd">
<svg width="300" height="100">
    <g style="fill:none;stroke:black;stroke-width:3">
        <line x1="0" y1="1.5" x2="300" y2="1.5" />
        <line x1="1.5" y1="0" x2="1.5" y2="100" />
    </g>
    <g style="fill:red;stroke:none">
        <rect x="0" y="0" width="3" height="3"/>
        <rect x="297" y="0" width="3" height="3"/>
        <rect x="0" y="97" width="3" height="3"/>
    </g>
    <g style="font-size:14;font-family:Verdana">
        <text x="10" y="20">(0,0)</text>
        <text x="240" y="20">(300,0)</text>
        <text x="10" y="90">(0,100)</text>
    </g>
</svg>