How to display SVG on screen using Batik

Question

I have the following working code which reads in a PNG graphic and displays it on screen. It uses ImageIO and is fairly simple. I have the same symbols in SVG format. I have downloaded Batik from Apache, but I can't for the life of me find code to simply load the image and display it on screen. Can someone direct me to working code that does this.
Thanks,
Chris
import java.io.*;
import java.awt.*;
import java.awt.event.*;
import javax.imageio.*;
public class Example01 extends Frame
public static void main(String args[])
new Example01();
public Example01()
super("Java 2D Example01");
setSize(400,300);
setVisible(true);
addWindowListener(new WindowAdapter()
{public void windowClosing(WindowEvent e)
                {dispose(); System.exit(0);}}
public void paint(Graphics g)
Graphics2D g2d = (Graphics2D)g;
try
Image bi = ImageIO.read(new File("burda_knitthruback.png"));
g2d.drawImage(bi, 40, 40, 50, 50, this);
catch(IOException ioe)
System.err.println(ioe.getMessage());

Answer 1

I'm complely new to Batik.
I need to display a PNG file in a SVG format. As well I need to display it on the JSVGCanvas.
What I don't know is using Batik how to implement svg <image> tag.
Please help me on this problem.
Here's the code I used. But It's not working.I have used ImageIcon object to display a PNG file.
But the svg output is not as expected
import javax.swing.*;
import org.apache.batik.dom.svg.SVGDOMImplementation;
import org.apache.batik.dom.util.DOMUtilities;
import org.apache.batik.svggen.SVGGraphics2D;
import org.apache.batik.swing.JSVGCanvas;
import org.apache.batik.util.SVGConstants;
import org.w3c.dom.DOMImplementation;
import org.w3c.dom.Element;
import org.w3c.dom.svg.SVGDocument;
import java.awt.*;
import java.io.FileWriter;
import java.io.PrintWriter;
import java.io.IOException;
public class RectCreate{
private SVGGraphics2D generator = null;
private JSVGCanvas canvas = null;
private SVGDocument doc = null;
public static void main(String[] args){
RectCreate rc = new RectCreate();
private void passContent(){
Element root = doc.getDocumentElement ();
generator.getRoot(root);
canvas.setSVGDocument (doc);
public RectCreate(){
canvas = new JSVGCanvas();
DOMImplementation dom = SVGDOMImplementation.getDOMImplementation();
String svgNS = SVGDOMImplementation.SVG_NAMESPACE_URI;
doc = (SVGDocument)dom.createDocument(svgNS,"svg",null);
generator = new SVGGraphics2D(doc);
passContent();
Rectangle rect = new Rectangle(10,10,48,48);
ImageIcon imIcon = new ImageIcon("/home/dds/IdeaProjects/BPEL2SVGLibrary/BPEL2SVGIcons/icons/invoke.png");
passContent();
saveToFile("/home/dds/IdeaProjects/MyBatikSVG/svg1.svg");
private void saveToFile(String file){
try{
FileWriter f = new FileWriter(file);
PrintWriter writer = new PrintWriter(f);
// Get the created document from the canvas
writer.write("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n");
writer.write ("<!DOCTYPE svg PUBLIC '");
writer.write (SVGConstants.SVG_PUBLIC_ID);
writer.write ("' '");
writer.write (SVGConstants.SVG_SYSTEM_ID);
writer.write ("'>\n\n");
SVGDocument svgDoc = canvas.getSVGDocument();
// And here our SVG content is actually being
// written to a file
DOMUtilities.writeDocument(svgDoc, writer);
writer.close();
} catch(IOException ioe){
System.err.println("IO problem: " + ioe.toString());
Edited by: ddweerasiri on Nov 10, 2008 8:36 PM