Angular:从路径加载SVG并对其进行字符串化

时间:2018-05-01 10:14:53

标签: string angular svg

我需要从assets文件夹加载svg文件并对内容进行字符串化。无法在网络上找到任何解决方案,但这是我的方法。

    let svg = await this.httpClient.get(`assets/images/result/${this.icon}.svg`)
.pipe(
      map(res => {
        const serializer = new XMLSerializer();
        const svgString = serializer.serializeToString(<any>res);
      })
    ).toPromise();

1 个答案:

答案 0 :(得分:2)

我明白了。

const headers = new HttpHeaders();
headers.set('Accept', 'image/svg+xml');
const svgString =
  await this.httpClient.get(`assets/images/result/${this.icon}.svg`, {headers, responseType: 'text'}).toPromise();

重要的是你用接受“image / svg + xml”来定义标题  作为responseType“text