| |
Menu
Home
Articles
Server Based
+ Data Transfer
+ ASP, How to
+ Dedicated IP
Design
+ Top Mistakes
+ Guide
Line
+
Pointers
Setup
+ FTP, How to
+ Webmail
+ Hosting
SVG
+ Overview
+
Development
+ Browser Dev
Contact
+
Email Me |
|
The Generic SVG Overview
The Generic SVG Overview
SVG allows three types of graphic objects:
* Vector graphic shapes (e.g. paths consisting of straight lines and curves, and
areas bounded by them)
* Raster graphics images / digital images
* Text
Graphical objects can be grouped, styled, transformed and composited into
previously rendered objects. Text can be in any XML namespace suitable to the
application, 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 straightforward and efficient
vector graphics animation via ECMAScript or SMIL. A rich set of event handlers
such as onmouseover and onclick can be assigned to any SVG graphical object.
Because of its compatibility and leveraging of other Web standards, features
like scripting can be done on SVG elements and other XML elements from different
namespaces simultaneously within the same web page. An extreme example of this
is a complete tetris game implemented as an SVG object, found here!
If storage space is an issue, SVG images can be saved with gzip compression, in
which case they may be called "SVGZ files". Because XML contains verbose text,
it tends to compress very well and these files can be much smaller. Often
however the original vector-file (SVG) is already smaller than the rasterised
version.
Impact on the Web
The widespread adoption of SVG clients, particularly those natively embedded in
web browsers (as it is in Firefox and Opera), may bring a significant new
look-and-feel to the World Wide Web. A current trend is to build dynamic web
sites that behave somewhat like desktop applications, utilizing the Ajax
technique. SVG enhances the capabilities of Ajax, by providing a rich, graphical
set of page elements, well beyond those specified by HTML/CSS. The SVG Terminal
module for Firefox is an early example of this.
|
|