html - 带有 svg 的对象标签填充了整个网页

Question

我正在尝试使用对象标签（需要动画）将 svg 图标包含到我的个人投资组合中。当我这样做时会发生这种情况： 由于某种原因，整个网页都填充在对象标签中。

我的整个网页都被塞进了对象标签。我正在使用 Vuejs，这是我的模板片段：

<template>
  <div>    
    <p>Landing Page</p>
    <object 
      type="image/svg+xml"
      data="public/Images/logo/logo.svg" 
    />
  </div>
</template>

知道为什么会发生这种行为吗？

标签： htmlcsssvgvue.jsicons

Answer 1

您可以将您的 svg 作为图像包含在内

<img src="public/Images/logo/test.svg" />