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

Adding Scroll Bars to SVG Web Pages

One of the disappointments of the Adobe SVG Viewer, at least for me, has been the omission of scroll bars (still missing as of version 2.0) when SVG images are displayed on their own as Web pages (see Chapter 12, “Creating a Simple SVG Web Site”). That omission contrasts with the many successes of the Adobe viewer. However, overcoming the omission is simple: Use the HTML <embed> element to provide scroll bars for a large SVG image, as Listing 10.3 shows.

Listing 10.3. (ScrollBars01.html)
 <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <title>An SVG Web Page which seems to have scroll bars!</title> </head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0"> ...

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