ansaurus

Question

HTML5 svg not working

Answer 1

+1 A:

Have you tried using the SVG XML namespace for your tags? Like so:

<html xmlns:svg="http://www.w3.org/2000/svg"&gt;
    <!-- ... -->
    <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>

amphetamachine 2010-06-05 18:10:49

+1 Thanks for your reply amphetamachine. I tried your solution but nothing displayed

01010011 2010-06-05 18:56:23

I tried changing the file's extension to .xml and .xhtml as suggested in the following link and it still did not display the box: http://stackoverflow.com/questions/2304488/why-doesnt-svg-work-on-local-html-files

01010011 2010-06-05 19:32:51

Answer 2

A:

try in Firefox about:config, search for html and enable "true" value. What next? Wait will Firefox 4. As for WebKit please read: http://trac.webkit.org/wiki/WebKit%20plus%20SVG. You are not alone. I'm also waiting for SVG.

Vladislav 2010-06-05 19:33:18

Answer 3

+4 A:

This is how I got it to work I called the file test.xhtml

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<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>

Good luck!

Drew LeSueur 2010-06-05 19:47:11

+1 It worked. Thanks a lot

01010011 2010-06-05 19:56:39

Answer 4

+1 A:

Firefox 4 will support SVG in HTML. WebKit will probably start working on it in the coming months.

Ms2ger 2010-06-06 13:38:23

+1 Thank you ms2ger

01010011 2010-06-06 17:57:34

Answer 5

+1 A:

it worked by saving the file as xhtml, but does anyone know why?

2010-07-23 09:20:26

At a guess, Chrome will only recognise SVG that is declared in the SVG namespace, and in turn namespaces are only used when parsing as XML. The HTML parser may not be namespace aware and so it won't treat the <svg> tag as something it recognises, even if you add a xmlns attribute.

Nick 2010-07-23 09:27:38

ansaurus

tags:

views:

answers:

HTML5 svg not working

related questions