【问题标题】:Does ShieldUI support export to PDF functionality?ShieldUI 是否支持导出为 PDF 功能?
【发布时间】:2013-09-09 07:27:40
【问题描述】:

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

【问题讨论】:

    标签: charts shieldui


    【解决方案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。

    【讨论】:

      猜你喜欢
      • 2018-09-21
      • 2013-09-16
      • 1970-01-01
      • 2013-09-25
      • 2015-11-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-10
      相关资源
      最近更新 更多