200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > svg图标如何直接显示 – CSS – 前端 mui 设置css

svg图标如何直接显示 – CSS – 前端 mui 设置css

时间:2019-02-16 20:44:08

相关推荐

svg图标如何直接显示 – CSS – 前端 mui 设置css

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。