iOS Safari无法正确显示SVG

时间:2017-02-02 12:10:10

标签: ios svg web safari shopify

我为.ai格式的网站提供了一个徽标,我将其裁剪并保存为SVG1.1,并将其放置在朋友的Shopify商店的多个位置。

Image in question(在Safari for iOS中查看)

网站上图片故障的屏幕截图:i.stack.imgur.com/HmsIB.png

链接到实际页面:bambooboss.com/pages/about-us

第一张照片下的“Panda Head”图像在我的iPhone 5上使用Safari,最新版本的iOS浏览时被半黑了。虽然它看起来很酷,但它绝对不是我朋友最初的创意视觉......

我在SO上尝试了另一个答案here,在那里他们尝试用所有LinearGradient标记<defs>标签,我对当前图片做了 - 但无济于事......

任何人都知道发生了什么事?兼容性?从.ai?

保存到SVG时出现了什么问题

1 个答案:

答案 0 :(得分:0)

将以下行更改为:

.st38{opacity:.08;fill:url(#XMLID_108_);}

即。删除8.00000e-02

也...通过像SVGOMG这样的优化器运行...如果以小尺寸显示,这太复杂和太大了。简化所有渐变,甚至可以将它们合并为一个。应该能够将解压缩版本从35kb降低一个数量级。可爱的标志虽然。