Javascript 我需要从URL内联svg

我需要从URL内联SVG文件。
我不确定这是否重要，但我们使用的是Angular 2

我需要转换这个

<img src='svg/workspace.svg'>

在运行时对此进行分析

<svg width="100%" height="100%" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" fit="">
  <path d="M13.95 4.05A7 7 0 1 0 15.93 10H13.9A5 5 0 0 1 4 9a5 5 0 0 1 8.536-3.536L10 8h6V2l-2.05 2.05z" fill-rule="evenodd"></path>
</svg>

有图书馆可以这样做吗

---

更新

在这一点上，我们从angular尝试了[inlineHTML]，但它“净化”了svg，最终我们一无所获

---

更新2解决方案

我们放弃了，并在

标记中使用了

标记

<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" 
      attr.xlink:href="svg/{{workspace.svgName}}.svg#icon"
></use></svg>

---

attr是必需的，因为angular2不理解plan xlint:href，结果类似于内联SVG，但我们必须编辑SVG文件以删除宽度、高度和填充标记。

在运行时这样做似乎没有意义。我们是否需要更多的背景信息来理解你为什么要这么做？（我这样问是因为这是可能的）我们有很多模板，其中一些使用数据绑定，这就是为什么我们需要它是自动的，在运行时这样做似乎没有意义。我们是否需要更多的背景信息来理解你为什么要这么做？（我这样问是因为这是可能的）我们有很多模板，其中一些使用数据绑定，这就是为什么我们需要它是自动的