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

Posted 2021-03-31

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

1. 但是，当用铬合金打开时，图像显示正常
2. 在Adobe Illustrator中打开时，图像未显示。
3. 使用macOS预览应用程序打开时，图像未显示。

我在svg的<image>标签href属性中查找了使用dataURL的SVG2规范，他们说可以使用它。所以我不明白是什么原因导致不同观众之间的渲染差异。

File for reference

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

答案

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

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