SVG画菱形
SVG有已定义的矩形,圆形,椭圆形,但是怎么没有菱形咧?
让来教你画⾼端⼤⽓上档次的菱形吧!
可以⽤多边形来改造,代码如下:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="/2000/svg">
<polygon points="100,100 175,50 250,100 175,150"
style="fill:#cccccc;
svg图
stroke:#000000;stroke-width:1"/>
</svg>
points指明菱形的四个顶点,依次是左,上,右,下。
设置上图左顶点为(0,30),那么上顶点为(40,0),右顶点为(80,30),下顶点为(40,60);
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论