ruby-on-rails - 将 chart.js Canvas 导出到 Rails 中的 prawn-pdf

Question

我正在使用 chart.js 在我的 Rails 应用程序中生成图表，并使用 Prawn-pdf 生成 pdf。 我想将使用 chart.js 生成的 Canvas 导出为 pdf。

chart.js 有一个方法 toDataUrl() 提供 base64 字符串。 我在 prawn-pdf 中找不到任何接受 base64 的方法。 请提出建议。

谢谢。

function done()
{
    var url_base64 =document.getElementById("myChart").toDataURL("image/png");
    $.ajax({
        type:'post', 
        url: '/admin/create_graph_to_image', 
        dataType: 'script',
        data: { string_base64: url_base64 } ,
        success: function (e) {
            console.log(e);
        },
        error: function (e) {
            console.log(e);
        }
    });
}

Answer 1

chart.js has a method toDataUrl()

toDataUrl 是 Canvas 属性 ( https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL )。

它以 base 64 编码格式返回 Canvas 的图像表示(默认为 png)。由于 Prawn 需要图像路径，您需要将此 base 64 字符串发送到服务器并将其保存为文件(参见 How to save a base64 string as an image using ruby )，然后让 Prawn 使用保存文件的位置。