Css SVG中的位图未在Safari中渲染

在本项目中：

我使用矢量作为标识。在其中一些示例中，我包括（嵌入到svg中）一点位图，例如：

但是，如果在Safari（移动或桌面）中打开该部分，您会注意到位图部分不会被渲染

你能帮我理解为什么吗

我使用Adobe Illustrator生成向量。

*

将SVG用作

时，不会加载外部文件（如嵌入的图像）（在任何浏览器中）。为了绕过此限制，Illustrator将嵌入图像转换为数据URI值，以便嵌入图像的所有数据都存储在SVG文件中

对于大多数浏览器来说，这就足够了。但是，Safari将数据URI值视为与引用外部文件的任何其他URL相同的值，并且不处理/加载它

---

*向下滚动链接错误报告上的注释，人们花了一段时间才弄清楚问题所在！主要讨论围绕评论16展开。

*

将SVG用作

时，不会加载外部文件（如嵌入的图像）（在任何浏览器中）。为了绕过此限制，Illustrator将嵌入图像转换为数据URI值，以便嵌入图像的所有数据都存储在SVG文件中

对于大多数浏览器来说，这就足够了。但是，Safari将数据URI值视为与引用外部文件的任何其他URL相同的值，并且不处理/加载它

---

*向下滚动链接错误报告上的注释，人们花了一段时间才弄清楚问题所在！主要讨论围绕评论16展开。

*

将SVG用作

时，不会加载外部文件（如嵌入的图像）（在任何浏览器中）。为了绕过此限制，Illustrator将嵌入图像转换为数据URI值，以便嵌入图像的所有数据都存储在SVG文件中

对于大多数浏览器来说，这就足够了。但是，Safari将数据URI值视为与引用外部文件的任何其他URL相同的值，并且不处理/加载它

---

*向下滚动链接错误报告上的注释，人们花了一段时间才弄清楚问题所在！主要讨论围绕评论16展开。

*

将SVG用作

时，不会加载外部文件（如嵌入的图像）（在任何浏览器中）。为了绕过此限制，Illustrator将嵌入图像转换为数据URI值，以便嵌入图像的所有数据都存储在SVG文件中

对于大多数浏览器来说，这就足够了。但是，Safari将数据URI值视为与引用外部文件的任何其他URL相同的值，并且不处理/加载它

---

---

*向下滚动链接错误报告上的注释，人们花了一段时间才弄清楚问题所在！主要讨论从评论16开始。

您是否尝试过使用

来嵌入SVG，而不是

元素对外部引用的限制与

元素不同。

您是否尝试过使用

而不是

嵌入SVG

元素对外部引用的限制与

元素不同。

您是否尝试过使用

而不是

嵌入SVG

元素对外部引用的限制与

元素不同。

您是否尝试过使用

而不是

嵌入SVG<代码>元素对外部引用的限制与

元素不同。

我也遇到了这个问题，找到了一个解决方案，我认为值得在这里发布

我将SVG作为一个对象嵌入：

<object data="path_to_file.svg" />

另外，请确保在SVG标记的SVG文件顶部包含xlink NS：

<svg ... xmlns:xlink="http://www.w3.org/1999/xlink" ...>

---

（）

我也遇到了这个问题，找到了一个我认为值得在这里发布的解决方案

我将SVG作为一个对象嵌入：

<object data="path_to_file.svg" />

另外，请确保在SVG标记的SVG文件顶部包含xlink NS：

<svg ... xmlns:xlink="http://www.w3.org/1999/xlink" ...>

---

（）

我也遇到了这个问题，找到了一个我认为值得在这里发布的解决方案

我将SVG作为一个对象嵌入：

<object data="path_to_file.svg" />

另外，请确保在SVG标记的SVG文件顶部包含xlink NS：

<svg ... xmlns:xlink="http://www.w3.org/1999/xlink" ...>

---

（）

我也遇到了这个问题，找到了一个我认为值得在这里发布的解决方案

我将SVG作为一个对象嵌入：

<object data="path_to_file.svg" />

另外，请确保在SVG标记的SVG文件顶部包含xlink NS：

<svg ... xmlns:xlink="http://www.w3.org/1999/xlink" ...>

---

（）

您是否尝试过使用

而不是

嵌入您的SVG<代码>元素对外部引用的限制与

元素对外部引用的限制不同。@PaulLeBeau-thanx。“我会研究一下，然后再给你回复。”保勒博将你的评论作为回答。它需要标记为一个。您是否尝试使用

而不是

嵌入您的SVG<代码>元素对外部引用的限制与

元素对外部引用的限制不同。@PaulLeBeau-thanx。“我会研究一下，然后再给你回复。”保勒博将你的评论作为回答。它需要标记为一个。您是否尝试使用

而不是

嵌入您的SVG<代码>元素对外部引用的限制与

元素对外部引用的限制不同。@PaulLeBeau-thanx。“我会研究一下，然后再给你回复。”保勒博将你的评论作为回答。它需要标记为一个。您是否尝试使用

而不是

嵌入您的SVG<代码>元素对外部引用的限制与

元素对外部引用的限制不同。@PaulLeBeau-thanx。“我会研究一下，然后再给你回复。”保勒博将你的评论作为回答。它需要马克