How to load SVG file ?怎么加载SVG文件？

[tomriddle1234]

Dev们好，

我感觉zrender是很强大的图形库，正在尝试用，遇到第一个问题就是如何正确加载SVG？ 好像新版本zrender支持SVG渲染方式，那么怎么加载一个外部SVG到zrender，然后支持zrender一些内部的数据结构？ 如果按照data URL加载的话，通过zrender.Image,发现文档上说这个只支持string|HTMLImageElement|HTMLCanvasElement。请问按照这些加载的话svg文件渲染还是矢量方式的吗？

最后一个就是如何把zrender在页面上显示的内容保存成一个svg文件可供下载？

[tomriddle1234]

经过测试目前zrender的Image不支持svg文件链接，也不支持data URL

[tomriddle1234]

https://github.com/ecomfe/zrender/blob/master/test/parser-svg.html 然而zrender似乎可以通过parseSVG支持，文档没有任何关于这个的描述

[Ovilia]

你这个例子应该是对的，不知道使用的时候碰到什么问题了吗？ 没有相关文档是因为，zrender 的 API 只开放了我们认为用户会用到的部分，有些我们认为只会被 ECharts 用到的，或者没有完整测试过的，就没写。

[tomriddle1234]

感谢Ovilia。

看了下源码，似乎这个函数没有写成异步的，我是先用Angular的http client把SVG文件的内容获取到，用parseSVG直接处理的SVG里面的字符串。

我发现一个问题就是，我的应用里面svg文件里面的图案经常需要重用，但是用parseSVG获取到的zrender的同一个对象，添加到不同的Group里，然后zrender.add这些不同的Group，只显示1个图案。

[ssjtbcf]

@Ovilia 请问用echarts导入svg底图，有丢失svg 渐变色的情况吗？