首页  >  文章  >  web前端  >  css怎么显示svg图片

css怎么显示svg图片

醉折花枝作酒筹
醉折花枝作酒筹原创
2021-04-22 11:47:515677浏览

显示方法:1、使用embed标签,语法“f55a0dd8703c98b3d10f80b57cc16e0f”;2、使用object标签,语法“1e19b8647eba2eeab21f2d9e9b8ad04b”;3、使用iframe标签,语法“ba87fd274121974e22c56095b14a4b78”。

css怎么显示svg图片

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

SVG 文件可通过以下标签嵌入 HTML 文档,显示出来:d8e2720730be5ddc9c2a3782839e8eb6、273238ce9338fbb04bee6997e5552b95 或者 d5ba1642137c3f32f4f4493ae923989c

详解:

1、使用 d8e2720730be5ddc9c2a3782839e8eb6 标签

<embed src="circle1.svg" type="image/svg+xml" />

2、使用 273238ce9338fbb04bee6997e5552b95 标签

<object data="circle1.svg" type="image/svg+xml"></object>

3、使用 d5ba1642137c3f32f4f4493ae923989c 标签

<iframe src="circle1.svg"></iframe>

推荐学习:css视频教程

以上是css怎么显示svg图片的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn