时间戳

首页 > 解决方案 > svg:image 元素并不总是被渲染/下载

image - svg:image 元素并不总是被渲染/下载

问题描述

在下面的 SVG 文件中，在 Firefox 中作为本地文件打开，IG的第一张图片不显示，而维基百科的第二张图片显示。

我想知道为什么 ？有没有办法显示第一张图片？

谢谢。

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="200">
  <image href="https://www.instagram.com/static/images/web/mobile_nav_type_logo.png/735145cfe0a4.png" x="0" y="0" width="100" height="100"/>
  <image href="https://upload.wikimedia.org/wikipedia/commons/thumb/1/19/2016_Kodak_355_X_Instamatic_1.jpg/800px-2016_Kodak_355_X_Instamatic_1.jpg" x="0" y="100" width="100" height="100"/>
</svg>

标签： imagefirefoxsvg

解决方案

问题是 Firefox 的“Facebook 容器”阻止 FF 显示来自 instagram 的图像。

停用插件/使用新配置文件打开 SVG 解决了该问题。

推荐阅读