Question

如何使用标签显示完整的svg图像

Answer 1

一、什么是SVG

严格来说SVG应该是一种开放标准的矢量图形语言，作为目前十分流行的图像文件格式，可以直接用代码来描绘图像

二、如何在HTML中完整的显示SVG图像

首先来说，VG 文件可以通过通过以下的标签嵌入到 HTML 文档：<embed>、<object> 或者 <iframe>。

1、使用 <embed> 标签

<embed> 标签可以被所有主流的浏览器支持，并允许使用脚本。

语法如下：

<embed src="rect.svg" width="300" height="100" 
type="image/svg+xml"
pluginspage="

2、使用<object> 标签

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

语法如下：

<object data="rect.svg" width="300" height="100" 
type="image/svg+xml"
codebase="

3、使用<iframe>标签

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

语法如下：

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