This seminar paper was written in the summer semester 2002 during an English course, which was taught by Veronica Dal- Bianco B.Sc. RSA Dip. at the Fachhochschulstudiengang Informationsberufe in Eisenstadt, Austria.
It is my intention to provide the interested reader with a complete and detailed overview of the new Web standard for vector graphics, SVG, which is the acronym for “Scalable Vector Graphics”. In the present paper important milestones in the long lasting development process of SVG are mentioned, as well as it states the numerous advantages that result from the useage of this new XML- based standard. Furthermore, an insight into the current status and availability of the most popular and interesting SVG implementations should be delivered.
I might make use of some termini technici which are widely common in the XML and markup community, but may be unknown to readers new to this topic. Such terms can be found in a glossary contained in the appendix.
Table of Contents
1 Introduction
1.1 Current Status of SVG
1.2 Primary Concepts
1.3 SVG’s Benefits
2 Implementations
2.1 Displaying SVG
2.2 Tools for Creating SVG
3 Conclusion
Objectives and Topics
This paper aims to provide a comprehensive overview of Scalable Vector Graphics (SVG), an XML-based standard for web graphics, exploring its historical development, technical advantages, and current practical implementations.
- Evolution and milestones of the SVG W3C recommendation process
- Technical benefits of vector formats, including scalability and small file sizes
- Interactive and dynamic capabilities such as client-side filters and animation
- Current tools and software for displaying and creating SVG content
- Integration potential of SVG with other XML technologies
Excerpt from the book
1.2 Primary Concepts
Before describing the meaning of the components “scalable” “vector” and “graphics”, I want to provide you with the W3C’s definition of SVG:
“SVG is a language for describing two-dimensional graphics in XML. SVG allows for three types of graphic objects: vector graphic shapes (e.g., paths consisting of straight lines and curves), images and text. […] Text can be in any XML namespace suitable to the appplication, which enhances searchability and accessibility of the SVG graphics. The feature set includes nested transformations, clipping paths, alpha masks, filter effects, template objects and extensibility. SVG drawings can be dynamic and interactive. The Document Object Model (DOM) for SVG, which includes the full XML DOM, allows for straightforward and efficient vector graphics animation via scripting. ... (2001)
As you can see from the definition above, SVG offers a wide range of possible applications. SVG is for example perfectly qualified to be used for creating complete Web sites or for displaying quantitative data stored in XML files, which might be provided by a native XML database (e.g. Software AG’s Tamino). This is just a short abstract of all the imaginable applications for SVG. If you are searching for more sophisticated examples, you can find them at Adobe’s “SVG Zone”.
Summary of Chapters
1 Introduction: This chapter introduces SVG as a new XML-based web standard and outlines its historical development milestones from the first draft to the W3C recommendation.
1.1 Current Status of SVG: This section details the timeline of the SVG specification and its adoption as an official W3C recommendation.
1.2 Primary Concepts: This section defines the core components of SVG and its potential for creating dynamic, interactive, and searchable web graphics.
1.3 SVG’s Benefits: This section discusses the advantages of vector formats over raster graphics, such as infinite scalability and reduced file sizes, illustrated with markup examples.
2 Implementations: This chapter provides an overview of available software and manufacturers that support the development and viewing of SVG graphics.
2.1 Displaying SVG: This section examines the limitations of current web browsers regarding native SVG support and explores plug-ins and standalone toolkits like Adobe SVG Viewer and Batik.
2.2 Tools for Creating SVG: This section categorizes software used for generating SVG objects, distinguishing between native SVG editors like JASC Webdraw and export-oriented tools like Adobe Illustrator.
3 Conclusion: This chapter summarizes the growing importance of SVG in web design and emphasizes its potential for future integration with other XML languages.
Keywords
SVG, Scalable Vector Graphics, XML, W3C, Web graphics, Vector graphics, Animation, DOM, Batik, Webdraw, Adobe, XForms, SMIL, Implementation, Markup language
Frequently Asked Questions
What is the primary focus of this seminar paper?
The paper focuses on the Scalable Vector Graphics (SVG) standard, examining its technical capabilities, advantages for web developers, and the software tools available for its implementation.
What are the main thematic fields covered?
The core themes include the definition and benefits of SVG, its development history, methods for displaying SVG in browsers, and tools for creating and editing vector graphics.
What is the central research objective?
The objective is to provide the reader with a detailed overview of SVG, highlighting its technical milestones, advantages, and an insight into current software implementations.
Which scientific methods are utilized?
The work utilizes a technical review method, analyzing W3C specifications, comparing graphic software functionalities, and synthesizing technical documentation from 2002.
What topics are discussed in the main part of the document?
The main part covers the historical status of SVG, its primary concepts (DOM, scalability), its benefits compared to raster formats, and a detailed look at display and authoring tools.
Which keywords characterize this publication?
The work is characterized by terms such as SVG, XML, W3C, Vector Graphics, DOM, and various software implementations like Batik and Webdraw.
How does SVG handle scalability compared to raster formats?
Unlike raster formats that rely on fixed pixel grids, SVG uses mathematical functions and vector paths, allowing graphics to be resized uniformly without any loss of quality.
Why are browser plug-ins like Adobe SVG Viewer necessary in this context?
At the time of writing, major web browsers lacked native support for rendering SVG graphics, necessitating the use of specialized plug-ins or standalone applications.
What is the role of XML in the functionality of SVG?
As an XML-based format, SVG benefits from XML's openness and interoperability, enabling integration with other XML subsets like XForms, MathML, and SMIL.
- Quote paper
- Roman Huditsch (Author), 2002, SVG (Scalable Vector Graphics) - Overview about the possibilities and advantages as well as the current implementations of the new XML-based standard for Web graphics, Munich, GRIN Verlag, https://www.hausarbeiten.de/document/195495
