ShieldUI是否支持导出为PDF功能？

Question

我想在我的项目中使用Shield UI图表工具。我也需要一个导出到PDF的功能。有没有什么方法可以在服务器端获取图表的图像，以便我可以用它来生成PDF文件？

Answer 1

Shield Chart在浏览器中从SVG生成图像。您需要将图像数据发送到服务器，然后可以将其导出为PDF。检查此JSBIN。它大致演示了一种可能的方法。要遵循的步骤：

1. 使用javascript获取图表实例：var chart = $("#chart").swidget()。
2. 调用chart.exportToImage()将图表渲染为图像。
3. 等待100毫秒，图像框显示并找到图像来源：$(".shield- lightbox").find("img").attr("src")。图像src是包含图像数据的base64编码字符串。
4. 以某种方式将图像数据发送到服务器以进行导出。在这个特定示例中，我将其发送到http://pdfcrowd.com/进行演示。我不能在这里使用AJAX，所以我提交了一个完整的页面。结果是一个带有URL的JSON字符串，可用于访问生成的PDF。

您的服务器和PDF生成方法可能有所不同，但我们的想法是以某种方式发送图像数据，以便将其转换为PDF格式。