Question

我需要从网址内联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>

有没有图书馆可以做到这一点？

更新

此时我们尝试了角色的[inlineHTML]，但它“消毒”了svg，我们最终没有任何东西

更新2 解决方案

我们放弃并使用<use>标记

中的<svg>标记结束

<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文件以删除宽度，高度和填充标记。

我需要从网址内联svg

0 个答案: