我在将html转换为pdf的情况下,谢天谢地,我可以通过飞碟api实现这一点。但是我的超文本标记语言由svg标签组成,而转换时我无法获得pdf中的svg。它可以使用Stackoverflow问题和教程来实现。
replace edElementFactory
是什么意思?
ChainingReplacedElementFactory chainingReplacedElementFactory
= new ChainingReplacedElementFactory();
chainingReplacedElementFactory.addReplacedElementFactory(replacedElementFactory);
chainingReplacedElementFactory.addReplacedElementFactory(new SVGReplacedElementFactory());
renderer.getSharedContext().setReplacedElementFactory(chainingReplacedElementFactory);
这只是教程中的一个错误,不需要replace edElementFactory
这一行。
这是我的工作示例。
Java:
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>
<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>
ChainingReplace edElementFactory
、SVGReplace edElement
和SVGReplace edElementFactory
来自教程。
如果您想要一个页面内解决方案,这里有一个使用@cloud dformatter的替代方案,这是一个远程格式化服务。我将他们的Javascript以及一些文本和您的海图图表添加到您的小提琴中。
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,也可以作为页面的一部分与文本、表格等相结合。
@rajesh我希望你已经找到了解决你问题的方法。如果没有(或者任何在使用飞碟、蜡染和svg标签方面有问题的人),那么你可能需要考虑这样做-从中删除所有
clip-path="url(#Highcharts-xxxxxx-xx)"