Defect in "An SVG Primer for Today's Browsers" - syntax errors in example

"Chapter II: SVG Basics" 
  "3. Operations: Grouping, Reusing, Scaling, Translation and Rotation"
     "6. use" seems to contain two errors

1.  The example "Reusing code (with modifications) — the <use> tag"
<g fill="black">
<g id="G">

<rect x="100" y="100" width="100" height="20" fill="inherit" />
<rect x="100" y="160" width="100" height="20" fill="inherit" />
<ellipse cx="150" cy="140" rx="30" ry="100" fill="#777" />
<rect x="100" y="130" width="100" height="20" fill="inherit" />

</g></g>
<use xlink:href="G" transform="translate(120,0)" fill="#bbb">

I think the "<use ...>" element is a missing the trailing '/' and should be "<use .../>", i.e.
<use xlink:href="G" transform="translate(120,0)" fill="#bbb"/>

2.  The reference 'xlink:href="G"' doesn't work in my browsers (Safari, Firefox, Chrome, Opera), but it does work with 'xlink:href="#G"'




      

Received on Thursday, 13 January 2011 01:33:34 UTC