SVG Essentials 
By J. David Eisenberg

The unconfirmed error reports are from readers.  They have not yet been 
approved or disproved by the author or editor and represent solely the
opinion of the reader.

Here's a key to the markup:
        [page-number]: serious technical mistake
        {page-number}: minor technical mistake
        <page-number>: important language/formatting problem
        (page-number): language change or minor formatting problem
        ?page-number?: reader question or request for clarification

This page was updated July 21, 2008.


UNCONFIRMED  errors and comments from readers: 


[8]  middle;
Example 1-2, reads as follows:
<circle x="70" cy="95" r="50" style="stroke:black; fill:none">;

Error is the placement of the last ; (semi colon).  It should be placed inside the
last quotation mark after the word none, instead of its placement in the book, after
the last >.


[8]  Example 1-2;
To get the SVG example to work in Firefox, I had to add the SVG namespace to the svg
element: xmlns="http://www.w3.org/2000/svg"


(15)  last half of page;
The list of unit identifiers does not include "%" (percent)
as a legal unit even tho the std says that it is.  See
http://www.w3.org/TR/2000/CR-SVG-20001102/types.html#DataTypeLength

Since the context is viewport coords, I could imagine that perhaps
percent doesnt apply here, but I could not find a more general
unit enumeration that included percent elsewhere.

The inadequate book index does not have an entry for Unit or
Unit Type or Unit Identifier or Percent so I dont know if
"percent as unit" is covered elsewhere in the book.


(16)  1st section;
height="150" should be height="200

And the pun at the bottom of the page: "These are set in stone, so you can take them
for granite." is even worse than one on the door at an overcrowded chemistry lab at
UC Santa Cruz that does research on mushrooms: "Not mushroom in here, too many
fungi."


(26)  top line;
it says <svgwidth="200px"

should be <svg width=


{39}  Example 3-13;
Online (Safari) version so no page number (that I've noticed).

Example 3-13 (code) lacks stroke color values so horizontal lines don't show.
Corrected code:

<line x1="10" y1="15" x2="50" y2="15"
    style="stroke: black; stroke-linecap: butt; stroke-width: 15;"/>

<line x1="10" y1="45" x2="50" y2="45"
    style="stroke: black; stroke-linecap: round; stroke-width: 15;"/>

<line x1="10" y1="75" x2="50" y2="75"
    style="stroke: black; stroke-linecap: square; stroke-width: 15;"/>

<!-- guide lines -->
<line x1="10" y1="0" x2="10" y2="100" style="stroke: #999;"/>
<line x1="50" y1="0" x2="50" y2="100" style="stroke: #999;"/>



[62]  middle of the page;
Under Figure 5-6, second line under <g id="group1", reads as follows: <line x1="10"
y1="10 x1="30". The second x1 in that series should be x2="30" not x1.



[64]  Figure 5-9;
The diagram shows the new coordinate system is translated to (30, 30) instead of (30,
20) as specified by the translate(30, 20) transformation.


[67-68]  all 67; top 68;
Fig_0514.svg (downloaded from site) does not function as promised (Figure 5-14, pg
68, transformed Cartesian coordinates).  Instead it functions like Figure 5-13 on
page 67.


(76)  value/action sectioin, ist line;
in the value/action section, the 1st sentence: action/Move pen to (40,50),should read
(40, 60)


(85)  2nd line in convert_from_svg function;
The $phi in the second "my" line should be $pi. $phi has already been declared and
initialized on the previous line, and $pi is not declared anywhere.


(87)  last sentence of the last paragraph;
It mentions the car manufacturer "Rénault" which despite its french-sounding name
does not exist :) The one you want is Renault (ie without the accent).

(97)  last line;
markerWidth="6" and markerHeight="10"
should be:
markerWidth="4" and markerHeight="8"


(128)  1st paragraph, 2nd sentence;
reads as: underlying viewer softcare can displaying...
should read can "display "


[153]  last 3rd of page;
programming error
reads as follows: style="filter: url(#glow); fill: #003333; font-size: 18;>

this is missing a final "(quotation) mark at the end of 18; ">


[156]  Example;
In the SVG recommendation 1.0 http://www.w3.org/TR/2001/REC-SVG-
20010904/DTD/svg10.dtd the order of color components in <feComponentTransfer> is
important (extract) :

<!ELEMENT feComponentTransfer (feFuncR?, feFuncG?, feFuncB?, feFuncA?)>

In examples 10-5 and 10-6 this order is not respected and prevent examples to be
valided upon the recommendation DTD 1.0
NB : Adobe SVG Viewer doesn't care about this order too, so it draws these examples
correctly!


[168]  all of page;
The path #curve cannot be used as a tile object in either example 10.9 or 10.10. The
diffuse filter in 10.9 does not work.


[175]  Example 10-13 ;
The <feConvoleMatrix> element has two required attributes : "KernelMatrix" and
"order". The "order" attribut is missing.

<filter id="emboss">
   <feConvolveMatrix kernelMatrix="
       1  0  0
       0  0  0
       0  0  -1"/>
</filter>

should be :

<filter id="emboss">
   <feConvolveMatrix order="3" kernelMatrix="
       1  0  0
       0  0  0
       0  0  -1"/>
</filter>


(Example 2-4 (online))  Example 2-4 and figure  2.4;
The picture of the house example is show as  x="10", but the matching diagram
suggests it starts at something more like 5.  The whole image in the grid appears to
be shifted 5 "user units" to the left.


{196}  1st line in Example 11-18;
The MIME type text/ecmascript is obsolete and should be application/ecmascript
according to RFC 4329


[196]  1st line in enlarge_circle() and shrink_circle() functions;
The code "var circle = evt.getTarget();" does not work in Firefox or Opera. The code
"var circle = evt.target;" works
 

(197)  Callout 8;
Callout 8 refers to changing the color. However, the example changes the radius of
the circle, not the color.


[198]  1st line in setScale() function;
The line "obj = svgDocument.getElementById..." does not work. In Firefox and Opera,
something like "obj = evt.target.ownerDocument.getElementById..." works instead.


{205}  1st line in Interacting with an HTML page section;
The <DEFANGED_embed> element is nonstandard. The standard <DEFANGED_object> element
should be used instead.


[245] code snippet at the middle of the page ;
xmlns:xlink="http://www.w3.org/1999/xlink" is missing from the xsl:stylesheet node.
This makes the xlink:href at the code (in the example file too) to fail. 


(285)last sentence of Other Character Encodings section;
"...if it is possible for you to use alternate encodings" should be
"...if it is possible for you to use alternative encodings."


(311)  last two paragraphs;
All three occurrences of "cross product" should be "dot product".