O'Reilly logo

Designing SVG Web Graphics by Andrew H. Watt

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Handling Common Error Symptoms

First, deal with a couple of the most common symptoms you are likely to encounter when you first try to code SVG by hand. The first symptom is when nothing is displayed. The second is that only some of the parts of the image are displayed.

Nothing is displayed

Getting into this position is easy. Even minor syntax errors can cause an SVG document or element to fail to be displayed.

For example, if you make a simple mistake, like omitting a closing quotation mark in the following simple SVG, which ought to display a simple rectangle with a blue outline, the browser window is blank as in Figure 14.01.

Figure 14.01. The code in Listing 14.1 fails to display anything, but an error message appears in the browser status ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required