近来再看SVG相关方面的基础知识，仅以此文和大家共同学习用
一：svg认识
SVG（Scalable Vector Graphics）指的是可伸缩矢量图形，它是使用XML来描述二维图形和绘图程序的语言；
二：svg优势
- SVG 可被非常多的工具读取和修改（比如记事本）
- 尺寸更小，且可压缩性更强。
- SVG 是可伸缩的
- SVG 图像可在任何的分辨率下被高质量地打印
- SVG 可在图像质量不下降的情况下被放大
- SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图）
- SVG 可以与 Java 技术一起运行
- SVG 是开放的标准
- SVG 文件是纯粹的 XML
三：如何在HTML页面使用svg
1.svg文件可通过标签<embed>,<object>,<iframe>嵌入html文档。例如：
<embed src="a.svg" type="image/svg+xml" />
<object data="a.svg" type="image/svg+xml"></object>
<iframe src="a.svg"></iframe>
2.直接在html中嵌入svg代码（在Firefox、Internet Explorer9、谷歌Chrome和Safari中可以.注意：SVG不能直接嵌入到Opera。
）
<html>
<html>
< body>
< svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
< /svg>
< /body>
< /html>
3.使用a标签链接到svg文件
<a href="test.svg">查看svg文件</a>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
