HTML5 SVG не работает - PullRequest
Новая
       11

HTML5 SVG не работает

3 голосов
/ 05 июня 2010

Я использую Chrome версии 5.0.375.55 и Firefox версии 3.5.9, но я не могу получить приведенный ниже код HTML5 для отображения окна. 

<!DOCTYPE html> <!-- this tells browser, this is HTML5 -->
<html>
<body>
 <svg width="200" height="200"> 
 <rect
  x="0" y="0"
  width="100" height="100"
  fill="blue" stroke="red"
  stroke-width="5px"
  rx="8" ry="8"
  id="myRect" class="chart" />
 </svg>
</body>
</html>

Следующие сайты заявили, что мои браузеры поддерживают HTML5 и SVG, так что же дает? 

http://caniuse.com/
http://www.html5test.com/

Ответы [ 5 ]

9 голосов
/ 05 июня 2010

Вот так у меня все заработало Я назвал файл test.xhtml

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"> 
 <rect
  x="0" y="0"
  width="100" height="100"
  fill="blue" stroke="red"
  stroke-width="5px"
  rx="8" ry="8"
  id="myRect" class="chart" />
 </svg>
</body>
</html>

Удачи!

4 голосов
/ 05 июня 2010

Вы пытались использовать пространство имен SVG XML для своих тегов? Вот так: 

<html xmlns:svg="http://www.w3.org/2000/svg">
    <!-- ... -->
    <svg:svg width="200" height="200"> 
        <svg:rect
          x="0" y="0"
          width="100" height="100"
          fill="blue" stroke="red"
          stroke-width="5px"
          rx="8" ry="8"
          id="myRect" class="chart" />
    </svg:svg>
</html>
2 голосов
/ 23 июля 2010

это сработало, сохранив файл как xhtml, но я не уверен почему.

1 голос
/ 06 июня 2010

Firefox 4 будет поддерживать SVG в HTML.WebKit, вероятно, начнет работать над ним в ближайшие месяцы.

1 голос
/ 05 июня 2010

попробуйте в Firefox about: config, найдите html и включите «истинное» значение. Что дальше? Ждать будет Firefox 4. Что касается WebKit, пожалуйста, прочитайте: http://trac.webkit.org/wiki/WebKit%20plus%20SVG. Вы не одиноки. Я тоже жду SVG.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...