SVG的使用

周大胖子

常用网址：    http://www.runoob.com/svg/svg-tutorial.html

写进页面的方式：
1.  SVG 标签：建议使用

1. <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
2.       <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
3. </svg>

复制代码

2.img 标签

1. <img src="test.svg" alt="">

复制代码

3. background 属性

4. <embed> 标签 ： 不建议使用

1. <embed src="rect.svg" width="300" height="100"  type="image/svg+xml"  pluginspage="http://www.adobe.com/svg/viewer/install/" />

复制代码

5.<object>标签  ：IE 中 不兼容

1. <object data="rect.svg" width="300" height="100"
2. type="image/svg+xml"
3. codebase="http://www.adobe.com/svg/viewer/install/" />

复制代码

6. iframe 标签：不建议使用

1. <iframe src="rect.svg" width="300" height="100">
2. </iframe>

复制代码