后台给了一个火焰图的svg图片,还能动态点击里面的内容,封装一个组件,路径通过父组件传入
首先要支持显示具有动态效果的svg图片需要用object标签
<object :data="imgsrc" type="image/svg+xml" style="width: 100%"></object>
通过下面这个方法就可以动态绑定src显示图片了
imgsrc = new URL(图片路径, import.meta.url).href
后台给了一个火焰图的svg图片,还能动态点击里面的内容,封装一个组件,路径通过父组件传入
首先要支持显示具有动态效果的svg图片需要用object标签
<object :data="imgsrc" type="image/svg+xml" style="width: 100%"></object>
通过下面这个方法就可以动态绑定src显示图片了
imgsrc = new URL(图片路径, import.meta.url).href