HTML5 学习---------(SVG 基础)
来源:互联网 发布:webservice java 编辑:程序博客网 时间:2024/04/28 20:13
一 、SVG介绍
- SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
- SVG 用于定义用于网络的基于矢量的图形
- SVG 使用 XML 格式定义图形
- SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
二 、SVG使用
1、 添加线条<svg width="190" height="190">
<polygon points="10 40,80 40"
style="fill:red;stroke:blue;stroke-width:3;fill-rule:evenodd;" />
</svg>
<polygon points="10 40,80 40"
style="fill:red;stroke:blue;stroke-width:3;fill-rule:evenodd;" />
</svg>
2、画矩形
<svg width="190" height="190">
<rect x ="10" y = "10" width="40" height="50" stroke = "red" fill= "#ccc"/>
</svg>
3、画圆
<rect x ="10" y = "10" width="40" height="50" stroke = "red" fill= "#ccc"/>
</svg>
3、画圆
<svg width="190" height="190">
<circle cx ="60" cy = "60" r= "50" stroke = "red" fill= "#ccc" stroke-width="8"/>
</svg>
<circle cx ="60" cy = "60" r= "50" stroke = "red" fill= "#ccc" stroke-width="8"/>
</svg>
0 0
- HTML5 学习---------(SVG 基础)
- HTML5学习(五)----SVG
- 【HTML5】——SVG基础
- HTML5学习笔记-SVG 标签
- HTML5学习笔记16-SVG
- svg基础学习笔记
- SVG基础学习
- html5-svg标签使用基础一
- html5-svg标签使用基础二
- html5-svg标签使用基础三
- html5-svg标签使用基础一
- html5-svg标签使用基础二
- html5-svg标签使用基础三
- HTML5学习(六)---------SVG 与Canvas
- HTML5的学习之SVG(三)
- html5 svg
- html5 svg
- HTML5 SVG
- 解决ecshop和jq的冲突问题
- 部署自己的私有 Docker Registry
- 【Jason's_ACM_解题报告】Calculator Conundrum
- 【转】浅谈尾递归
- GridView和ListView设置第一行和最后一行的边距
- HTML5 学习---------(SVG 基础)
- 深入解析MFC消息相应和消息路由
- Android应用开发流程
- i2c设备驱动分析-At24(kernel-3.17)
- 存储设备容量大小换算
- 【Java】有关System.currentTimeMillis()的思考
- Markdown 语法说明
- 标准IO与文件IO的区别
- rsa加密 工具类