带有可拖动元素的 HTML 到 PDF

Question

我有一个报表生成器，它在提供时有几个带有图表和图形的 div 元素。现在用户可以按照自己的意愿拖动和排序这些元素。我现在的问题是如何捕获 html 页面，以便 PDF 反映这种新布局。 在我在 Coldfusions cfsavecontent 中捕获 html 页面并将其发送到进程页面以创建 pdf 之前。当元素已被动态拖动和排序时，这不起作用。任何想法或建议都会有所帮助。谢谢。

<form name="fform" action="process.cfm" method="post" target="iprocess">
    <cfsavecontent variable="strPDF">
        <div id='graph1'>            
            <div style='position:absolute; top:500px; left:175px'>
             <span>Report Data Here</span>
            </div>        
        </div>

        <div id='graph2'>            
            <div style='position:absolute; top:500px; left:175px'>
             <span>Report Data Here</span>
            </div>        
        </div>

        <div id='graph3'>            
            <div style='position:absolute; top:575px; left:175px'>
             <span>Report Data Here</span>
            </div>        
        </div>

    </cfsavecontent>

    <input type="hidden" name="strPDF" value="#strPDF#">
    <input type="submit" value="Create PDF">


    <div>        
        <div>#strPDF#</div>
    </div>

</form>

<iframe height="300" width="700" src="" name="iprocess"></iframe>

JQuery 用于使元素可拖动。是否可以使用新元素位置将页面重新捕获为 pdf？

Answer 1

答案 = 否（那里...这很简单。）

TL;DR

好的，让我看看我是否理解正确。您有一个包含图表和动态内容的页面，可以自定义用户体验。

你有报告生成器，你用什么来提供图表？与cfchart？并且您曾经对变量执行 cfsavecontent ，但您现在没有这样做。那么你正在做什么？算了……没关系。

让我告诉你我必须做什么，我想你可能想考虑类似的事情。

我的图表页面是通过 cfchart 在服务器端生成的 .png。我做了一个 cfsavecontent 抓取变量并生成一个 cfdocument PDF。这会给你的人或人一些东西来打印和查看。它满足您可能有的任何 PDF 打印要求。无论您如何切片，PDF 样式都是有限的。当您并排查看生成的图表和 div 页面以及 PDF 输出页面时，您无疑已经体验过样式设置。

如果您想要客户端自定义（拖拽什么的）。然后将这些作为用户首选项存储在表格中，当它们返回时，您可以以某种方式进行设置，然后方便地使用该变量，您可以根据该变量生成 PDF。

了解 PDF 不遵循“所有样式行为”。您将需要考虑您的给予和接受方案。如果用户想打印图表之类的东西，那么我的天啊……让它超级简单，并在冷融合中保持原生：cfchart、cfsavecontent、cfdocument。

祝你好运。