在 html 中包含 svg

Question

我正在尝试使用来自https://github.com/noahblon/animated-climacons 的 climacons svgs。 当我复制某个 svg 并将其粘贴到我的 html 页面中时，它可以正常工作，但我试图根据某些逻辑将其包含在内，但我无法加载它。

<div>
  <object id="mysvg" type="image/svg+xml" data="libs/animated-climacons-master/svgs/sun.svg">
  </object> 
</div>

我正在尝试根据当前天气加载高潮。因此，我从服务器获取天气信息并使用该信息尝试从库中加载某个 svg。比如：

<div>
  <object id="{{someIdBasedOnWeather}}" type="image/svg+xml" data="libs/animated-climacons-master/svgs/{{someStringObtainFromAService}}.svg">
  </object>
</div>

谁能告诉我如何以这种方式加载这些高潮？ 如果它有任何帮助，我正在使用 AngularJS

Answer 1

问题解决了。显然包含 svg 的文件夹没有上传到服务器。