Batik SVG Plugin - 2D Graphics In XML

Luxor's Batik SVG Plugin lets you spice up your XUL app with high-end 2D graphics in XML. Example:

<tabpanel>
 <groupbox>
   <caption label="First Impression: SVG In Action: Circle Example" />	 
   <svg width="500" height="500">
   
    <g style="fill-opacity:0.7; stroke:black; stroke-width:0.1cm;">
       <circle cx="6cm" cy="2cm" r="100" style="fill:red;" 
                     transform="translate(0,50)" />
       <circle cx="6cm" cy="2cm" r="100" style="fill:blue;"  
                     transform="translate(70,150)" />
       <circle cx="6cm" cy="2cm" r="100" style="fill:green;" 
                     transform="translate(-70,150)"/> 
    </g>
   </svg> 	  
 </groupbox>
</tabpanel>

Plug It In, Plug It In. To add the Batik SVG Plugin to your very own app register the new svg tag by adding a tagdef to your Luxor configuration stored in the config directory in your app's chrome directory tree. Example:

<config>
  <tagdef name="svg" class="luxor.plugin.SvgCanvasDef" skipbody="true" />
</config>

Note, that you also need to add the batik-plugin.jar and all Batik jars to your classpath or Web Start XML startup file.

To find out more about SVG check out these links:

• W3C's SVG Portal @ http://www.w3.org/Graphics/SVG/
• Spice Up Your XML UIs with SVG: Create High-End 2D Graphics Using XML @ http://luxor-xul.sourceforge.net/talk/jug-nov-2002/slides.html

To find out more about Batik check out these links:

• Apache Batik SVG Toolkit @ http://xml.apache.org/batik