HTML5 svg ne fonctionne pas

J'utilise Chrome version 5.0.375.55 et Firefox version 3.5.9 mais je ne peux pas obtenir le code HTML5 ci-dessous pour afficher une boîte.HTML5 svg ne fonctionne pas

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

Les sites suivants ont déclaré que mes navigateurs prennent en charge HTML5 et svg alors qu'est-ce qui donne?

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

Source

2010-06-05 Anthony

Voilà comment je l'ai eu à travailler j'ai appelé le fichier 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>

Bonne chance! Firefox 4 prend en charge SVG en HTML.

Source

2010-06-05 19:47:11

+1 Cela a fonctionné. Merci beaucoup – Anthony

Note: vous ne devriez plus avoir besoin du fichier xhtml pour que cela fonctionne –

Avez-vous essayé d'utiliser l'espace de noms XML SVG pour vos balises? Comme si:

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

Source

2010-06-05 18:10:49 amphetamachine

+1 Merci pour votre réponse amphétamachine. J'ai essayé votre solution mais rien affiché – Anthony

J'ai essayé de changer l'extension du fichier en .xml et .xhtml comme suggéré dans le lien suivant et il n'affichait toujours pas la boîte: http://stackoverflow.com/questions/2304488/why-doesnt -svg-travail-sur-local-html-fichiers – Anthony

essayer dans Firefox about: config, recherche html et activer la valeur "true". Que faire ensuite? Attendez que Firefox 4. Comme pour WebKit s'il vous plaît lire: http://trac.webkit.org/wiki/WebKit%20plus%20SVG. Vous n'êtes pas seul. J'attends aussi SVG.

Source

2010-06-05 19:33:18 Vladislav

WebKit va probablement commencer à travailler dessus dans les mois à venir.

Source

2010-06-06 13:38:23 Ms2ger

+1 Merci ms2ger – Anthony

cela a fonctionné en enregistrant le fichier en xhtml, mais je ne sais pas pourquoi.

Source

2010-07-23 09:20:26 user400077

En guise de supposition, Chrome ne reconnaîtra que SVG qui est déclaré dans l'espace de noms SVG, et à son tour les espaces de noms sont seulement utilisé lors de l'analyse en XML. L'analyseur HTML n'est peut-être pas conscient de l'espace de noms et il ne traite donc pas la balise Nick

HTML5 svg ne fonctionne pas

Répondre

Questions connexes