SVG画菱形
2014-01-23 19:42
465 查看
SVG有已定义的矩形,圆形,椭圆形,但是怎么没有菱形咧?
让姐来教你画高端大气上档次的菱形吧!
可以用多边形来改造,代码如下:
points指明菱形的四个顶点,依次是左,上,右,下。
![](http://img.blog.csdn.net/20140123193824703?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMzQ5NDc0Ng==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
设置上图左顶点为(0,30),那么上顶点为(40,0),右顶点为(80,30),下顶点为(40,60);
让姐来教你画高端大气上档次的菱形吧!
可以用多边形来改造,代码如下:
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> <polygon points="100,100 175,50 250,100 175,150" style="fill:#cccccc; stroke:#000000;stroke-width:1"/> </svg>
points指明菱形的四个顶点,依次是左,上,右,下。
设置上图左顶点为(0,30),那么上顶点为(40,0),右顶点为(80,30),下顶点为(40,60);
相关文章推荐
- 定义类
- Oracle SQL Trace 和 10046 事件
- linux下wget命令(下载文件命令)
- 二维码实现
- 解决LayoutItem lable 太长的问题
- 矩阵LU分解算法分析
- Hdu 1198 Farm Irrigation (DFS 异或的应用)
- GridControl 获取某分组的第一个孩子
- TreeListControl:设置行样式
- 软件质量控制
- Qt5.2中使用ping命令实现Ip扫描功能
- 《Java虚拟机规范》阅读(三):Class文件格式
- 静态库编写方法
- cocos2d-android——向量
- [Java] TinkingInOO 设计模式热身--面向对象
- 自定义View详解
- 解决“Connection to https://dl-ssl.google.com refused”问题
- 面向对象——(2)多态
- 【45】运用成员函数模版接受所有兼容类型
- 分组后 组内排序