Developer

Beyond the SVG basics

If your knowledge exceeds SVG's basic functionality, then take a look at some additional SVG resources. Here are a few tips and tricks to consider when authoring your own SVG documents.

By Jackson West

You've just explored most of SVG's basic functionality and successfully implemented your first project. The scope of this example is fairly limited—we admit that we didn't spend a lot of time on aesthetics. We recommend that you thoroughly study Adobe's SVG samples and tutorials for an introduction to more declarative animation, JavaScript interactivity, localization, server-side generation, database connectivity, and other boss features of the Adobe SVG Viewer. We'll leave you with a few tips and tricks to consider when authoring your own SVG documents:

  • Use Beatnik Music Objects 2.1 to enhance the power of SVG with sound!
    Using JavaScript within your SVG, HTML, or JS documents, you can call on Beatnik to add interactive sound or to stream, program, or loop music.li>

  • Experiment with server-side assembly.
    Using Perl, PHP, Java, or any other popular scripting environment, you can add personalization, database connectivity, and real-time updates and easily integrate SVG with HTML forms. Because SVG is based on XML, you can even add your own SVG extensions or filter your current XML data into SVG graphics.
  • Try gzip compression on your SVG text files for use in the Adobe SVG Viewer.
    After running example.svg through Win-GZ and changing the filename from example.svg.gz to example.svgz, we shaved 2K from an already svelte 3.6K file—saving poor modem users at least a second. The static, 225x225-resolution GIF weighs 21K on its own.

Jackson West is a frequent contributor to CNET Builder.com.

Editor's Picks

Free Newsletters, In your Inbox