svg圖標如何直接顯示？

一、什么是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>