• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

svg图标如何直接显示_CSS学习

当前位置：网站建设 > 技术支持

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>

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。