1. react 中展示svg
<style>
.svgLog {
display: block;
width: 100px;
height: 100px;
margin: 20px;
}
</style>
<body>
// 1.img标签
<img src="./1.svg" class="svgLog" />
// 2.embed
<embed src="./1.svg" class="svgLog" />
// 3. iframe
<iframe src="./1.svg" class="svgLog" ></iframe>
// 4. object
<object type="image/svg+xml" data="./1.svg" class="svgLog">
<param name="src" value="./1.svg" >
</object>
// 5. picture
<picture>
<source srcset="./1.svg" type="image/svg+xml" >
<img src="1.svg" class="svgLog" />
</picture>
</picture>
最终效果展示
image.png
网友评论