Web速查-索引

定义

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

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

页面中的SVG

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>鱼C-零基础入门学习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="fishc.svg" type="image/svg+xml"></object>

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

使用iframe标签

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

语法：

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

视频讲解