2010-06-05 3 views
2

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

<!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/ 

ответ

8

Это, как я получил его на работу я назвал файл 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> 

удачи!

+0

+1 Это сработало. Большое спасибо – Anthony

+0

Примечание: вам больше не понадобится файл для xhtml, чтобы он работал –

2

Вы пытались использовать пространство имен 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> 
+0

+1 Спасибо за ваш ответ amphetamachine. Я попробовал ваше решение, но ничего не отображалось – Anthony

+0

Я попытался изменить расширение файла на .xml и .xhtml, как предложено в следующей ссылке, и он все еще не отображает поле: http://stackoverflow.com/questions/2304488/why-doesnt -svg-work-on-local-html-файлы – Anthony

1

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

1

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

+0

+1 Спасибо ms2ger – Anthony

2

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

+1

Угадай, что Chrome будет распознавать SVG, объявленный в пространстве имен SVG, и, в свою очередь, пространства имен используется только при синтаксическом анализе как XML. Парсер HTML может не знать пространство имен и поэтому не будет обрабатывать тег как то, что он распознает, даже если вы добавляете атрибут xmlns. – Nick