SVG не рендерится правильно в SAFARI - PullRequest
Новая
       9

SVG не рендерится правильно в SAFARI

0 голосов
/ 15 марта 2012

Во всех других браузерах SVG отображается как 80% ширины страницы. Однако в Safari я получаю уменьшенный размер SVG в гораздо большей прокручиваемой (горизонтальной и вертикальной) области.

Я перечитывал и думаю, что проблема в том, что сафари нужен .xhtml (он не анализирует svg в .html), однако, как вы можете видеть, это .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>

Ответы [ 2 ]

1 голос
/ 12 мая 2014

Я удалил это, и это исправило мои проблемы с рендерингом сафари

<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">

0 голосов
/ 22 мая 2014

Оказывается, настоящая проблема с моими SVG-изображениями заключалась в том, что при преобразовании их с помощью Illustrator в моем файле изображения были сгруппированные элементы и встроенные растровые изображения, и Safari это совсем не нравится. Я видел бы все элементы, которые не были сгруппированы или растровые изображения в Safari, оставляя изображение незавершенным. Надеюсь, что это поможет другим людям, испытывающим эту проблему.

...