Building Web Applications with SVG

Errata for Building Web Applications with SVG

Submit your own errata for this product.


The errata list is a list of errors and their corrections that were found after the product was released.

The following errata were submitted by our customers and have not yet been approved or disproved by the author or editor. They solely represent the opinion of the customer.


Color Key: Serious Technical Mistake Minor Technical Mistake Language or formatting error Typo Question Note Update



Version Location Description Submitted By Date Submitted
Printed Page 33
Table 2-1, first row, second column, third line

The second sentence contains HSL (e.g., "rgb(100%,50%,90%)"),%) If SVG supports HSL, the example should be changed; otherwise the whole string could be safely removed.

Anonymous  Sep 16, 2012 
PDF, ePub Page 34
section "Rectangles"

in the image of the rectangle the label for "ry" is missing and it is unclear that "rx" is the label for the horizontal line

my_oreilly  Nov 29, 2012 
PDF, ePub Page 35
section "Ellipses"

1) in the image of the ellipse, the "rx" and "ry" labels are reversed. 2) in the markup "cx" and "cy" do not match the image

my_oreilly  Nov 29, 2012 
PDF, ePub Page 48
SVG markup

The <svg> markup does not produce the image shown Also, to render the markup in a browser you would need the xmlns attribute of the <svg> tag.

my_oreilly  Nov 29, 2012 
PDF Page 57
Lower part

The code provided has an error. See below </g> NOTE: This line should be removed. <pattern id="gridPattern" width="10" height="10" patternUnits="userSpaceOnUse"> <path d="M10 0 L0 0 L0 10" fill='none' stroke='gray' stroke-width='0.25'/> </pattern> </defs> <g id="layer1">

Anonymous  Aug 01, 2012 
Printed Page 57
Middle

There is an extra XML comment termination just below the middle of the page. ... C 20,20 0,0 0,0" --> --> <!-- Reuse the first path ...

Anonymous  Sep 16, 2012 
PDF Page 77
the masked text image/markup

The text in the <text> element in the markup is: "The Masked Text: it o" but in the actual SVG the markup is; "Some Masked Text: it outsprawls its mask"

my_oreilly  Nov 30, 2012 
Printed Page 140
wordsput2 example

There are two problems that affect page 140's wordsput2 example in Google Chrome: (1) Using viewBox="0 0 1 1" enables a bug in Chrome (versions 8.0.552 to 26.0.1410.64 m), where mouse events on elements small than ~0.5 units are not reported correctly. To avoid this problem, use viewBox="0 0 100 100" and scale the dimensions in function add(o) by x100. (2) To retrieve the SVG object, first check for contentDocument before attempting getSVGDocument(). For example: svgObject = document.getElementById('svgObject'); if (svgObject.contentDocument) svgDoc = svgObject.contentDocument; else { try { svgDoc = svgObject.getSVGDocument(); } }

Just Visiting  May 10, 2013