利用SVG作图

圆形

代码：

<svg xmlns="/2000/svg"><circle cx="200" cy="100" r="40" stroke="pink"stroke-width="3" fill="red" />

效果 ：

长方形、正方形

代码：

<svg xmlns="/2000/svg" version="1.1"><rect width="300" height="100"style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)"/></svg><svg xmlns="/2000/svg" version="1.1"><rect width="200" height="200"style="fill:rgb(255, 124, 181);stroke-width:1;stroke:rgb(221, 153, 255)"/></svg>

效果：

不规则线条

代码：

<svg xmlns="/2000/svg" version="1.1"><path d="M 200 0 L 100 100 " stroke="red" stroke-width="2"></path><path d="M 100 100 L200 100 " stroke="blue" stroke-width="2"></path></svg>

效果：

各种图形

例如：五角星

代码：

<svg width="500" height="210"><polygon points="100,10 40,198 190,78 10,78 160,198"style="fill:lime;stroke: purple;stroke-width: 5;fill-rule: nonzero; "/></svg>

效果：