带有dataURL href的图像的SVG在某些引擎中无法正确呈现

时间:2018-03-02 16:36:08

标签: pdf canvas svg data-uri

此SVG源自HTML5画布。看起来很好,我添加了以dataurl形式表示的图像,以避免CORS问题。

  1. 然而,当以铬色打开时,图像显示正常
  2. 在Adobe Illustrator中打开时,图像未显示。
  3. 使用macOS预览应用程序打开时,图像未显示。
  4. 我在svg的<image>标记href属性中查找了使用dataURL的SVG2规范,他们说可以使用它。所以我不明白是什么导致不同观众之间的渲染差异。

    File for reference

    简而言之,将图像嵌入SVG的标准方法是什么。

1 个答案:

答案 0 :(得分:0)

好的,我发现这是因为只有Chrome支持SVG的href元素上较新的SVG2标准<image>属性。所以我只需要用href

替换xlink:href

即使在SVG2中不推荐使用xlink:href属性。看来问题中提到的其他软件不符合SVG2标准。