GraphicsBuilder has had SVG support for some time ago, but it only supported transforming SVG documents into groovy code. Not anymore! it now is capable of writing SVG documents too, thanks to SVGRenderer. I must confess that Batik is the real workhorse here, as it provides a very handy SVGGraphics2D class (a subclass of Graphics2D), writing svg is just a matter of pluggin an instance of that class into a GraphicsContext, execute the code and write the result. To show you how easy it is here is the previous SWFRenderer example but with SVG this time
import groovy.swing.j2d.* import groovy.swing.j2d.svg.* def go = { antialias true rect( x: 50, y: 50, w: 100, h: 100, f: 'red', bc: 'darkRed' ) rect( x: 10, y: 10, w: 100, h: 100, f: 'blue', bc: 'navy' ) circle( cx: 150, cy: 150, r: 40, f: 'orange', bc: 'darkOrange' ) star( cx: 100, cy: 100, or: 50, ir: 20, f: 'green', bc: 'darkGreen' ) } def gr = new GraphicsRenderer() def sr = new SVGRenderer() gr.renderToFile( "/tmp/out.png", 200, 200, go ) sr.renderToFile( "/tmp/out.svg", 200, 200, go )
This code produces the following SVG output
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'> <svg stroke-dasharray="none" shape-rendering="auto" xmlns="http://www.w3.org/2000/svg" font-family="'Dialog'" width="200" text-rendering="auto" fill-opacity="1" contentScriptType="text/ecmascript" color-interpolation="auto" color-rendering="auto" preserveAspectRatio="xMidYMid meet" font-size="12" fill="black" xmlns_xlink="http://www.w3.org/1999/xlink" stroke="black" image-rendering="auto" stroke-miterlimit="10" zoomAndPan="magnify" version="1.0" stroke-linecap="square" stroke-linejoin="miter" contentStyleType="text/css" font-style="normal" height="200" stroke-width="1" stroke-dashoffset="0" font-weight="normal" stroke-opacity="1"> <!--Generated by the Batik Graphics2D SVG Generator--> <defs id="genericDefs"/> <g> <defs id="defs1"> <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1"> <path d="M0 0 L200 0 L200 200 L0 200 L0 0 Z"/> </clipPath> </defs> <g fill="red" text-rendering="optimizeLegibility" stroke="red"> <rect x="50" width="100" height="100" y="50" clip-path="url(#clipPath1)" stroke="none"/> <rect x="50" y="50" clip-path="url(#clipPath1)" fill="none" width="100" height="100" stroke="rgb(139,0,0)"/> </g> <g fill="blue" text-rendering="optimizeLegibility" stroke="blue"> <rect x="10" width="100" height="100" y="10" clip-path="url(#clipPath1)" stroke="none"/> <rect x="10" y="10" clip-path="url(#clipPath1)" fill="none" width="100" height="100" stroke="rgb(0,0,50)"/> </g> <g fill="rgb(255,200,0)" text-rendering="optimizeLegibility" stroke="rgb(255,200,0)"> <circle r="40" clip-path="url(#clipPath1)" cx="150" cy="150" stroke="none"/> <circle fill="none" r="40" clip-path="url(#clipPath1)" cx="150" cy="150" stroke="rgb(255,140,0)"/> </g> <g fill="lime" text-rendering="optimizeLegibility" stroke="lime"> <path d="M100 50 L88.2443 83.8197 L52.4472 84.5491 L80.9789 106.1803 L70.6107 140.4509 L100 120 L129.3893 140.4509 L119.0211 106.1803 L147.5528 84.5491 L111.7557 83.8197 Z" clip-path="url(#clipPath1)" stroke="none"/> <path fill="none" d="M100 50 L88.2443 83.8197 L52.4472 84.5491 L80.9789 106.1803 L70.6107 140.4509 L100 120 L129.3893 140.4509 L119.0211 106.1803 L147.5528 84.5491 L111.7557 83.8197 Z" clip-path="url(#clipPath1)" stroke="rgb(0,100,0)"/> </g> </g> </svg>
Because SVGRenderer uses a Graphics2D subclass all other nodes are automatically supported, this means gradients, filters, images, ... neat!

Keep on Groovying!