将 FLOT 数据作为图像写入 PDF

Question

我正在使用 jQuery/FLOT 绘制图表，我希望用户能够下载该图表的 PDF 版本。我正在使用 ColdFusion 编写 PDF。创建图表后，我通过 ajax 将图表 div 的 html 发送到使用 cfdocument 编写 pdf 的 CF 脚本。问题在于，在 PDF 中，它只显示轴和标签，而不显示实际的图形数据。有谁知道如何获取在 Canvas 上动态创建的实际图像？

Answer 1

您可以使用 headless 浏览器在服务器上渲染图表，例如 phantomJS (WebKit 引擎)。

您只需要一个脚本，该脚本采用 URL 并将输出作为 Base64 编码字符串呈现到控制台流或写入图像。

据我所知，这是唯一一种半独立于浏览器的方法。

这是 phantomjs 的脚本，它将给定网页输出为 base64 编码的图像字符串:

var page = require('webpage').create();
var system = require('system');

var pageUrl = system.args[1];

page.viewportSize = { width: 1280, height: 720 };
page.open(pageUrl , function () {
    console.log(page.renderBase64('PNG'));
    phantom.exit();
});