html – SVG不会在Safari中的img标签中显示

发布时间：2020-12-14 18:27:54 所属栏目：资源来源：网络整理

导读：简而言之,我有一个嵌入在 HTML中的SVG图形,拒绝在Safari中显示(尽管它在Chrome,Firefox和其他浏览器中工作正常). 我正在使用以下标记来完成此任务： img alt="grapefruit logo" src="/assets/better-gf-logo_red.svg" / 这是SVG未显示的页面的实时链接.左上

简而言之,我有一个嵌入在 HTML中的SVG图形,拒绝在Safari中显示(尽管它在Chrome,Firefox和其他浏览器中工作正常).

我正在使用以下标记来完成此任务：

<img alt="grapefruit logo" src="/assets/better-gf-logo_red.svg" />

这是SVG未显示的页面的实时链接.左上角的水果徽标不会显示在Safari：https://grapefruit.cs.rpi.edu/中.

我已经验证了以下行也出现在我的nginx mime.types中：

image/svg+xml                         svg svgz;

但是,我知道这个问题可能与mime类型无关,因为SVG在我的开发机器上也没有出现在Safari中(我测试了几个Web服务器).我也试过在Safari中显示SVG file itself,看起来很好.图像元素具有正确的大小和框模型,但它不显示任何内容.

解决方法

原来< img src =“image.svg”>在Safari中不起作用,我尝试使用< object>它工作.尝试一下： jsBin demo

<object
   type="image/svg+xml"
   height="70"
   width="150"
   data="/assets/better-gf-logo_red.svg">
</object>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!