我正在从我的应用程序中的自助式 SVG 迁移到将它们作为 blob 存储在 Azure 上。当应用程序提供 URL 时执行以下操作可以正常工作:
<embed src="@Model.SensitivityUrl" type="image/svg+xml" class="svgcontainer" />
但是,当 URL 指向 azure blob 时执行相同的操作会使初始请求正常:
然后 Chrome 开始对同一 URL 的请求一个接一个地发出请求,全部由缓存提供服务,一直持续到我离开页面,或者在这种情况下,因为我想保留日志,所以从页面中删除元素:
一些进一步的实验表明这不是 Azure 问题,因为从 wikimedia 嵌入 SVG 会导致相同的行为:
<embed type="image/svg+xml" src="https://upload.wikimedia.org/wikipedia/commons/6/67/Firefox_Logo%2C_2017.svg" class="svgcontainer" />
这似乎是特定于 Chrome 的,完全相同的页面,指向 wikimedia 的相同嵌入工作正常。
所以,简而言之,<embed>
当 SVG 托管在另一个域上时,是否有其他人在使用 SVG 将 SVG 放入 Chrome 中的页面时遇到问题?