0

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

4

1 回答 1

1

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

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

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

于 2013-09-09T09:17:05.297 回答