New Approaches in an SVG Authoring Tool - and Environment

Introduction to the XStudio II Authoring Environment for SVG from EvolGrafiX

Keywords: SVG, Platform, Authoring, Editor, XStudio

Alexander Adam,
Project Leader
EvolGrafiX
Deggendorf
Bavaria
Germany
client@evolgrafix.com
http://www.evolgrafix.com

Biography

Alexander Adam wrote his first commercial programs in the middle 90s. They were all graphic related and very succesfull. In the year 1998 he came to EvolGrafiX (At this time named PCX Software) and was immediately pushed as a Project Leader of all following (SVG)-Graphic Projects, like the XStudio I, XStudio II and the SVG-Platform


Abstract


No one will claim that SVG is not a powerful, new vectorgraphic-format. With the currently available SVG 1.1 and the coming 1.2 it even gets further extended with UI-Controls and much more, even videos will be possible. But until today, the exploring of the full power of SVG is nearly impossible in a valueable time, because writing many basic svg definitions like gradients, shapes and much more per hand is very hard and time-costing. There are export possibilities available from famous vectorgraphic-applications like Adobe's Illustrator and Corel Draw, but they are far away from using the real advantages from SVG. For example synchronizing the code with the design, the powerful Dom manipulation, animations and the interactivity. This makes the export of such graphic-applications useful for a base of new graphics, but nearly unuseable to build real SVG Presentations and Applications. After a long development time, EvolGrafiX produced an authoring solution that perfectly fitst into the previous issues and can even do much more. It extends the power of SVG by an extensive use of it. SVG is used as the native format. Advantages like dom-design-code synchronization are given and will be shown at this presentation. Other tools like the fast engine, fine rendering, animation features, stylesheets and the interactivity will be also presented in some simple demos. The Presentation will show how and where SVG can go with a powerful authoring solution and how real SVG-Applications and Presentations can be build easily with the help of this solution.


Table of Contents


1. What is XStudio II ?
2. Where XStudio II starts and were it ends
     2.1 The Main-Interface
     2.2 The Tools
     2.3 Text in XStudio II
     2.4 SVG is XML!
     2.5 Interactivity
     2.6 More ?
Acknowledgements
Bibliography

1. What is XStudio II ?

XStudio II is the version two of the sucessful XStudio. XStudio II was completly rewritten and customized to many customer requests. It consists of a very fast SVG-Engine that supports most the SVG-Specification 1.1. The XStudio II provides many SVG-Related Tools and Features that nowdays no other Authoring Solution can provide.

2. Where XStudio II starts and were it ends

This chapter should provide a short overview to the XStudio II possibilites. As of the complexity of XStudio II, it is advised to use the publicy available Documentation of the XStudio II from the EvolGrafiX Homepage as an additional reference.

2.1 The Main-Interface

overview.png

Figure 1: XStudio II Overview

The XStudio II provides a very flexible, powerful and easy to use User-Interface. It allows to discover and use the possibilites of the Scalable Vector Graphics after a very short time, yet it provides always the functionality needed, no matter if an expert or a beginner is using. XStudio II is oriented in three directions:

The pure SVG Authoring Environment - Through its perfect support for nearly all SVG-Related features like Drawing, Source Editing, DOM, Animation and Interactivity, XStudio II is the perfect SVG-Editor for all SVG-Related needs.

The Vector Editor - XStudio II brings many new and innovative features for the Vectorgraphic and DTP/Design-Market. For example, it supports extended aligning, many fill and stroke possibilites, fast engine, layers and much more.

The Technical Editor - XStudio II provides different technical tools that will also be enhanced in the future, for example a measure tool, perfect grid-handling and more. Through its professional User Interface and Module-Interface, it provides the perfect central location for every graphical related task.

2.2 The Tools

tools.png

Figure 2: XStudio II Tools

XStudio II provides many Tools for drawing and manipulating a graphic. Among these are for example an extended Zooming Tool, Rect, Arc, Pie, Path and other shape tools, preset shapes, extended Text-, Textpath- and Text-on-Line-Tool.

XStudio II extends nearly every tool to make it better, so for example you can not only zoom to the selection or zoom in, out but also zoom to the selection, to the layer or to the document. This enhancement for tools is a generous feature of XStudio II, it uses standard drawing and manipulating techniques and mixes them up with new, innovative features.

2.3 Text in XStudio II

text.png

Figure 3: XStudio II Text Handling

The Text in XStudio II plays a special role. Text is very important in the design of any application and graphic and so the XStudio II gives the best for Text-Support ever seen in SVG-Authoring Application. One of these enhancements is the Multi-Line-Feature. Through a special Element (which gets converted by the XStudio II to always provide 100% compatible SVG-Source), you can simply type text, hit return and a new line will be added.

Another Feature is that Text can be edited directly in the Designer so that you get a real WYSIWYG editing and designing. This live-editing works also for the Text-On-Path and others.

textset.png

Figure 4: XStudio II Text Settings

2.4 SVG is XML!

editor.png

Figure 5: XStudio II Source (XML) Editor

A very important feature of the XStudio II is the Source Editor. He provides a direct interaction within the Designer and the Dom, for example selecting something in DOM or Designer selects the assigned code part in the editor. The Editor provides syntaxhighlighting and much more. On if the most important advantages of the editor is that changes are reloaded very fast into the designer, this allows a real interaction between the Designer and the Editor.

2.5 Interactivity

script.png

Figure 6: XStudio II Script Editor

The Script Editor implemented in XStudio II is very powerful. He provides different features like Managing Scripts in the Document, function overview, Syntaxhighlighting, searching and replacing. For the Events, there is an extra editor available connected to the designer. With a double-click you can then create the called function if not already existent or jump to it. This is again one of these innovative features XStudio II brings with it.

2.6 More ?

Of course, the XStudio II has much more features then only the few shown here. But the complexity in features is so high in XStudio II that it would be too much to list it all over here. You have seen some of XStudio II's special feature, for more information you should take the Documentation for the XStudio II Application in consideration which is publicy available at the XStudio II Homepage under http://www.evolgrafix.com/xsolutions/xstudioII/.

Acknowledgements

The realSVG System is copyright and protected by EvolGrafiX. Following technologies are used in this System:

eSVG Viewer

Copyright Intesis. All rights reserved.

SVG 1.1 Standard

Open Standard by W3 Consortium.

XML

Open Standard by W3 Consortium.

Bibliography

[Scalable Vector Graphics]
The Scalable Vector Graphics Standard, Open Standard based on XML, W3 Consortium.
[XML]
The XML Standard, Open Standard, W3 Consortium.
[GCAPAPER]
gcapaper format, created and maintained by IDEAlliance (http://www.idealliance.org) for use by conference paper authors.

XHTML rendition created by gcapaper Web Publisher v2.0, © 2001-3 Schema Software Inc.