Web速查-索引

svg

定义

SVG 文件可通过以下标签嵌入 HTML 文档:<object> 或者 <iframe>

SVG的代码可以直接嵌入到HTML页面中,或可以直接链接到SVG文件。

页面中的SVG

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="66" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
</body>
</html>

使用object标签

<object> 标签是 HTML 4 的标准标签,被所有较新的浏览器支持。它的缺点是不允许使用脚本。

语法:

<object data="???.svg" type="image/svg+xml"></object>

codebase 属性指向下载插件的 URL。

使用iframe标签

<iframe> 标签可工作在大部分的浏览器中。

语法:

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

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
5.0 5.0 4.0 9.0