开发是遇到的问题,在此记录一下。页面中引入svg格式图片却展示不出来。
代码:
<template>
<div class="click_icon"></div>
</template>
<script>
</script>
<style>
.click_icon {
width:30px;
height:30px;
background:url('../assets/icon/svg/click.svg') no-repeat;
background-size:100%
}
</style>

问题出现在这个svg文件中,点开svg文件会发现:

画圆圈位置即问题所在,图片编译问题,改成下图就正常显示了

博客内容讲述了在前端开发中遇到的一个问题,即在页面中引入SVG格式的图片无法正常显示。问题定位在SVG文件的某个特定位置,通过调整代码后,图片得以正常显示。开发者分享了问题的解决方案,帮助遇到类似问题的人找到处理办法。
1478

被折叠的 条评论
为什么被折叠?



