使用Apache Batik绘制SVG Path元素

时间:2015-10-16 13:08:25

标签: java svg batik

目前我正在学习SVG,现在我想通过Java API绘制SVG。目前我正在查看Apache Batik,但可以随意提出不同的解决方案。

我现在要做的是绘制描述填充的四分之一圆的路径元素。使用纯SVG和文本编辑器,这没有问题,看起来像这样:

<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;"
    />

我怎样才能对Batik做同样的事情。在文档中,我只能查找drawArc方法,但这只会绘制四分之一圈的方舟部分:

公共类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);
}

}

有没有办法获得与常规SVG中使用path元素相同的结果。

作为一个副节点,是否有适用于Batik API的好教程?

问候

1 个答案:

答案 0 :(得分:2)

查找:
    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

我会使用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;
    }
}

要显示svg路径,可以使用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);
    }
}

问候