CODEWITHSUNDEEP
javasvgbatik
Scyla101
Scyla101

Reputation: 242

Draw a SVG Path element with Apache Batik

At the moment I'm learning SVG and I'm now at a point where I'd like to draw SVG through a Java API. At the moment I'm looking at Apache Batik but feel free to suggest a different solution.

What I want to do now is to draw a Path Element that describes a filled quarter circle. With pure SVG and a text editor this is no problem and would look like this:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <path d="M50,50 L30,50 A20,20 0 0,1 50,30 z"
          style="fill:black;"
    />

How can I do the same with Batik. At for the documentation I could only finde the drawArc method but this only draws the ark part of the quarter circle something like this:

public class SoExampleMain {

public static void main(String[] args) throws IOException {

    // Get a DOMImplementation.
    DOMImplementation domImpl = GenericDOMImplementation.getDOMImplementation();

    // Create an instance of org.w3c.dom.Document.
    String svgNS = "http://www.w3.org/2000/svg";
    Document document = domImpl.createDocument(svgNS, "svg", null);

    // Create an instance of the SVG Generator.
    SVGGraphics2D g = new SVGGraphics2D(document);

    g.drawArc(30, 30, 40, 40, 90, 90);

    // we want to use CSS style attributes
    boolean useCSS = true;

    // Finally, stream out SVG to the standard output using
    // UTF-8 encoding.
    Writer out = new OutputStreamWriter(new FileOutputStream(new File("C:\\Users\\Scyla101\\Desktop\\batik-test.svg")), "UTF-8");

    g.stream(out, useCSS);
}

}

Is there a way to get the same results as I get in regular SVG with the path element.

As a side node is there a good tutorial available for the Batik API?

Greetings

Upvotes: 0

Views: 5354

Answers (1)

Misi
Misi

Reputation: 104

Look:
http://www.svgopen.org/2002/papers/deweese_hardy__batik_intro/
http://www.svgopen.org/2002/papers/kormann__developing_svg_apps_with_batik/
http://www.udel.edu/CIS/software/dist/batik-1.6/docs/javaScripting.html
http://xmlgraphics.apache.org/batik/
http://mcc.id.au/2007/09/batik-course/
http://wiki.apache.org/xmlgraphics-batik/
http://people.apache.org/~deweese/ac2003/ApacheCON2003.pdf

I would use a JSVGCanvas:

public class SVGApplication {    
    public static void main(final String[] args) {
        java.awt.EventQueue.invokeLater(new Runnable() {
            @SuppressWarnings("unused")
            @Override
            public void run() {
                new SVGApplication();
            }
        });
    }

    public SVGApplication() {
        final JFrame frame = new JFrame();
        final JPanel panel = new JPanel();
        final JSVGCanvas svgCanvas = new JSVGCanvas();

        frame.setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        frame.getContentPane().add(panel, java.awt.BorderLayout.CENTER);
        svgCanvas.setDocumentState(AbstractJSVGComponent.ALWAYS_DYNAMIC);
        svgCanvas.setDocument(buildDocument());

        panel.add(svgCanvas);
        frame.pack();
        frame.setVisible(true);
    }

    private Document buildDocument() {
        final DOMImplementation impl = SVGDOMImplementation.getDOMImplementation();
        final String svgNS = SVGDOMImplementation.SVG_NAMESPACE_URI;
        final Document doc = impl.createDocument(svgNS, "svg", null);

        // get the root element (the svg element)
        final Element svgRoot = doc.getDocumentElement();

        // create the path element
        final Element element = doc.createElementNS(svgNS, "path");
        element.setAttribute("d", "M50,50 L30,50 A20,20 0 0,1 50,30 z");
        element.setAttribute("style", "fill:black;");

        svgRoot.appendChild(element);

        return doc;
    }
}

To display a svg path you can use JavaFX:

public class Main extends Application {
    @Override
    public void start(final Stage primaryStage) {
        final VBox root = new VBox(createPath());
        final Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private SVGPath createPath() {
        final SVGPath arc = new SVGPath();
        arc.setContent("M50,50 L30,50 A20,20 0 0,1 50,30 z");
        arc.setFill(Color.BLACK);
        return arc;
    }

    public static void main(final String[] args) {
        launch(args);
    }
}

Greetings

Upvotes: 2

Related Questions