利用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>
效果: