Errata

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

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"

In the creation of the mirror image of the wiskers the words do not match what is being done. It says "Example 1-5 first flips the coordinate system by multiplying the x-coordinates by negative in a scale transformation"

However the SVG element transformation is:

<use xlink.... transform="scale(-1,1) translate(-140, 0)">

A critical point not mentioned is that transform entries are applied *right to left*! So it should either say it more like "Example 1-5 first slides the drawn wiskers left 140 pixels, as if they appear off the browser. Then the scale(-1,1) is applied which flips the image around the vertical (i.e. the -1 x scale) bringing it back to the positive. So, considering the point where the whiskers come together (i.e. (75,95)):

(1) translate(-140, 0) gives (-65, 95)
(2) scale(-1,1) gives (65, 95)

Alternatively, you could go with the equivalent transformation, matching closer to your description where the flip does come first:

<use xlink.... transform="translate(140 0) scale(-1 1) ">

But then you would have to fix the subsequent incorrect explanations.

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.

The diagram shows the new coordinate system is translated to (30, 30) instead of (30,
20) as specified by the translate(30, 20) transformation.

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.

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

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!

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.

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.

The code "var circle = evt.getTarget();" does not work in Firefox or Opera. The code
"var circle = evt.target;" works

The line "obj = svgDocument.getElementById..." does not work. In Firefox and Opera,
something like "obj = evt.target.ownerDocument.getElementById..." works instead.

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.