1

我按照如何使用 Apache Batik 将一个 SVG 图像叠加到另一个上的说明（以及来自其他来源的一些额外细节）进行操作？

直到现在，大部分时间事情都运行良好。但是，现在，我的每个 svg 文档（图像）都有剪辑路径。当我放置 2 个或更多图像时，只有第二个路径保存在输出中。我丢失了所有其他剪辑路径。我需要做些什么来保留每个图像的剪辑路径吗？我查看了 SVG 输出，只看到一个剪辑路径。我的代码如下所示：

public void PlaceSVGImage(SVGDocument a, Point C)
{       
    String xatt = String.format("%f", C.X);
    String yatt = String.format("%f", C.Y);

    org.w3c.dom.Node ae = SVGC.SVGD.importNode(a.getDocumentElement(), true);

    ((Element) ae).removeAttribute("viewBox");
    ((Element) ae).setAttribute("x", xatt);
    ((Element) ae).setAttribute("y", yatt);

    if (FIRSTCHILD)
    {
        SVGC.SVGD.getDocumentElement().appendChild(ae);
        FIRSTCHILD = false;
        NullNode = ae;
    }
    else
    {
        SVGC.SVGD.getDocumentElement().insertBefore(ae, NullNode);
    }
}

然后我使用一些标准代码来显示 SVGC.SVGD。

任何见解将不胜感激。

4

2 回答 2

1

根据收到的意见，我们能够通过以下方式解决问题： (a) 将 Batik 生成的 svg 文档转换为字符串；然后，(b) 使用简单的字符串替换将剪辑路径名称的默认分配（Batik 将它们命名为 clippath1、clippath2 等）更改为唯一的名称。然后，当这些 svg 文档放在一个（更大的）svg 文档中时，剪辑路径名称将全部不同，这个问题就解决了。对于那些可能从我们的代码中受益的人，请参见下文。如果有更好的方法，请告诉我们。

public static SVGDocument clipReplacer(SVGDocument SVGD, String S_OLD, String S_NEW)
{
    String SVGString = SVGLib.getString(SVGD);
    SVGDocument doc = null;
    SVGString = SVGString.replaceAll(S_OLD, S_NEW);
    StringReader reader = new StringReader(SVGString);

    //System.out.println(SVGString);

    try
    {
        String parser = XMLResourceDescriptor.getXMLParserClassName();
        SAXSVGDocumentFactory f = new SAXSVGDocumentFactory(parser);
        doc = f.createSVGDocument("http://www.w3.org/2000/svg", reader);
    }
    catch (Exception ex)
    {
    }
    finally
    {
        reader.close();
    }

    return doc;
}

public static String getString(SVGDocument SVGD)
{
    /*
     * Converts a given SVGDocument to String
     */

    Writer stringWriter = new StringWriter();
    TranscoderInput input = new TranscoderInput(SVGD);
    TranscoderOutput output = new TranscoderOutput(stringWriter);

    SVGTranscoder X = new SVGTranscoder();
    try
    {
        X.addTranscodingHint(SVGTranscoder.KEY_FORMAT,
                SVGTranscoder.VALUE_FORMAT_ON);
        output.setOutputStream(System.out);
        X.transcode(input, output);
    }
    catch (TranscoderException e)
    {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }

    return stringWriter.toString();
}
于 2016-02-12T13:17:21.450 回答
0

剪辑路径元素由它们的id属性引用。

<clipPath id="clipPath1">
    ...
</clipPAth>

所以检查你的 SVG 没有重复的 clipPathid属性。如果您的 SVG 文件是使用 SVG 编辑器（例如 Illustrator）制作的，那么它们具有相同 ID 的剪辑路径元素的可能性非常高。

显然，SVG 中的所有 id 都必须是唯一的。<clipPaths>否则渲染器将不知道它应该使用哪个同名。

于 2016-02-02T10:00:29.650 回答