SVG

Scalable Vector Graphics (SVG) is a W3 standard for representing vector image data through XML. When paired with ECMAScript, it becomes a very powerful and versatile language for interactive graphics and animation. One can crudely think of it as "open Flash".

While Volity is not explicitly tied to any one UI format at core, the project has been enamored with SVG since its inception. The Gamut client uses SVG + ECMAScript UI files.

Using SVG on the Volity Wiki

You can drop inline SVG documents into any Volity Wiki page. Any raw URL ending in .svg or .svgz will be automatically rendered into an appropriate HTML <object> tag.

To set dimensions on the SVG viewport that the tag creates, append |w=[pixels]&h=[pixels] after the URL. If you don't set dimensions, the viewport will take on a small default size, with the document initially scaling or cropping itself to fit. (The difference depends on the SVG object's top-level width, height, viewBox, and preserveAspectRatio attributes.)

Examples:

http://www.croczilla.com/svg/samples/butterfly/butterfly.svg

http://www.croczilla.com/svg/samples/butterfly/butterfly.svg|w=410&h=300

External Links

• [The W3's SVG site]
• [Adobe's SVG site], including their SVG plugin for Web browsers (which you'll need to see the examples on this page)
• Gamut