如何在FPDF中添加JavaScript？

Question

我正在使用FDPF，我想将我用D3创建的JavaScript图表添加到pdf中。我能够使用以下代码将图表可视化为HTML网页。我只是将图表附加到div id＆＃34;图表中。＆＃34;

<!-- Circular Bar Chart start -->
<div class="row">
    <div class="large-12 large-centered columns chart-container">
        <h2>Circular Bar Chart</h2>
        <div id="chart" class="text-center"></div>
    </div>
</div>                                                                                                        

通常，使用FDPF将图像添加到PDF时，请使用以下代码。我只是将图表附加到div id＆＃34; chart＆＃34;

// Insert image
$pdf->Image('images/graphic_cropped.jpg',15,3,130);

如何将使用D3生成的图表插入带有FPDF的PDF？

Answer 1

由于FDPF是服务器端（php）库，并且您在客户端上生成图像，因此需要执行以下操作：

• 生成图表
• 将图表保存到SVG（例如，参见this question）
• 将图像编码为base64字符串（例如，参见this）
• 将图片发布到您的php服务器（我想您可以找到如何将数据从javascript发布到php，并且您已经将图像作为字符串）
• 在php端 - decode the base64字符串返回二进制图像
• 现在使用FDPF将图像插入PDF

您也可以考虑generating PDF on the client side。