SVG在SAFARI中沒有正確呈現

在所有其他瀏覽器中，我都將SVG顯示爲頁面寬度的80％。然而，在Safari中，我在更大的可滾動區域（垂直水平）內獲得了縮小的尺寸。SVG在SAFARI中沒有正確呈現

我一直在閱讀，我認爲問題是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>

來源

2012-03-15 Gamemorize

'question0final.svg'的代碼是什麼樣的？ – robertc 2012-03-16 00:51:13

在任何情況下，您都不需要使用xhtml，因爲svg元素不是在您發佈的文檔中內聯的。 – 2012-03-16 07:30:29

我刪除了這一點，它固定我的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">

來源

2014-05-12 18:37:35 EltonFlow

原來我的SVG圖像，真正的問題是，與插畫轉換時，他們有分組元素以及嵌入位圖在我的圖像文件和Safari不喜歡這一點。我會看到所有未分組的元素或Safari中的位圖未完成的圖像。希望這有助於其他人遇到此問題。

來源

2014-05-22 13:49:19 EltonFlow

SVG在SAFARI中沒有正確呈現

回答

相關問題