Question

我在将html转换为pdf的情况下，谢天谢地，我可以通过飞碟api实现这一目标。但我的HTML由svg标签组成，而转换我无法获得pdf中的svg。 google之后我发现可以使用以下链接Stackoverflow question 来实现和Tutorial。 我不知道replaceElementFactory

是什么意思

ChainingReplacedElementFactory chainingReplacedElementFactory 
        = new ChainingReplacedElementFactory();
chainingReplacedElementFactory.addReplacedElementFactory(replacedElementFactory);
chainingReplacedElementFactory.addReplacedElementFactory(new SVGReplacedElementFactory());
renderer.getSharedContext().setReplacedElementFactory(chainingReplacedElementFactory);

请帮助摆脱这个

Answer 1

教程中只是一个错误，不需要replacedElementFactory行。

这是我的工作示例。

爪哇：

import java.io.ByteArrayOutputStream;
import java.io.FileOutputStream;
import java.io.OutputStream;

import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;

import org.w3c.dom.Document;
import org.xhtmlrenderer.pdf.ITextRenderer;

public class PdfSvg {
    public static void main(String[] args) throws Exception {
        DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
        factory.setNamespaceAware(true);
        DocumentBuilder builder = factory.newDocumentBuilder();
        Document inputDoc =  builder.parse("svg.html");

        ByteArrayOutputStream output = new ByteArrayOutputStream();

        ITextRenderer renderer = new ITextRenderer();

        ChainingReplacedElementFactory chainingReplacedElementFactory = new ChainingReplacedElementFactory();
        chainingReplacedElementFactory.addReplacedElementFactory(new SVGReplacedElementFactory());
        renderer.getSharedContext().setReplacedElementFactory(chainingReplacedElementFactory);

        renderer.setDocument(inputDoc, "");;
        renderer.layout();
        renderer.createPDF(output);

        OutputStream fos = new FileOutputStream("svg.pdf");
        output.writeTo(fos);
    }
}

HTML：

<html>
<head>
<style type="text/css">
    svg {display: block;width:100mm;height:100mm}
</style>
</head>
<body>
    <div>
        <svg xmlns="http://www.w3.org/2000/svg">
            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3"
                fill="red" />
        </svg>
    </div>
</body>
</html>

ChainingReplacedElementFactory，SVGReplacedElement和SVGReplacedElementFactory来自tutorial。

Answer 2

如果你想要一个页面解决方案，这里是使用@cloudformatter的替代方案，它是一个远程格式化服务。我将他们的Javascript添加到你的小提琴中，还有一些文字和你的Highchart图表。

http://jsfiddle.net/yk0Lxzg0/1/

var click="return xepOnline.Formatter.Format('printme', {render:'download'})";
jQuery('#buttons').append('<button onclick="'+ click +'">PDF</button>');

放置在小提琴中的上述代码将使用'id'printme格式化div为PDF以供下载。该div包括您的图表和一些文字。

http://www.cloudformatter.com/CSS2Pdf.APIDoc.Usage显示了使用说明，并且在SVG格式化为PDF格式的图表样本中，可以单独使用，也可以作为与文本，表格等组合在一起的页面的一部分。

Answer 3

@Rajesh我希望你已经找到了解决问题的方法。如果没有（或任何人在使用飞碟，蜡染和svg标签时遇到问题）那么你可能想要考虑这个 - 从clip-path="url(#highcharts-xxxxxxx-xx)"代码中移除所有<g>对我来说都是一招。

Answer 4

我的代码是指缺少的代码部分“ SVGReplacedElementFactory”。

我这样使用它：

renderer
.getSharedContext()
.setReplacedElementFactory( new B64ImgReplacedElementFactory() );

Svg使用飞碟整合pdf

4 个答案: