Question

在所有其他浏览器中，我将SVG显示为页面宽度的80％。然而在Safari中，我在一个更大的可滚动（水平和垂直）区域内获得了尺寸减小的svg。

我一直在阅读，我认为问题是safari需要.xhtml（它不解析.html中的svg），但是你可以看到这是.php所以我改了标题/内容型...但仍然没有。有任何想法吗？

 <?php header('Content-Type: application/xhtml+xml; charset=utf-8'); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">     
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<style> 
#svgobject{width: 80%;margin-right:auto;margin-left:auto;}
</style>   
  </head>
 <body>
<object type="image/svg+xml" id="svgobject" data="question0final.svg" >  
 </object>
</body>
</html>

Answer 1

我删除了它并修复了我的safari渲染问题

<svg version="1.1" id="Background_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="350.08px" height="290.066px" viewBox="0 0 350.08 290.066" enable-background="new 0 0 350.08 290.066" xml:space="preserve">

Answer 2

事实证明，我的SVG图像的真正问题在于，当使用插图画家进行转换时，我的图像文件中存在分组元素和嵌入式位图，Safari根本不喜欢这样。我会看到所有未分组的元素或Safari中的位图使图像未完成。希望这有助于其他一些人遇到这个问题。

SVG在SAFARI中无法正确呈现

2 个答案: