Javascript 带有可拖动元素的HTML到PDF

我有一个报表生成器，当提供时，它有几个带有图表的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>

在此报告数据
在此报告数据
在此报告数据
#strPDF#

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

Answer=No（这很简单。）

TL；DR

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

您有报表生成器，您用什么来提供图表？和他在一起？您曾经对一个变量执行了cfsavecontent，但现在没有这样做。那你在干什么？算了，没关系

让我告诉你我该做什么，我想你可能会考虑类似的事情。 我通过cfchart在服务器端生成了.png的图表页面。我执行cfsavecontent获取变量并执行cfdocumentPDF生成。这将为您的员工或个人提供打印和查看的内容。它满足您可能有的任何PDF打印要求。PDF样式无论如何分割都是有限的。当您并排查看生成的图表和div页面以及PDF输出页面时，您无疑已经体验到了样式的取舍

如果您想要客户机自定义（拖动对象等等）。然后将这些作为用户首选项存储在一个表中，当它们返回时，您可以以某种方式设置内容，然后将该变量放在手边，您可以基于该变量生成PDF

了解PDF并不是遵循“所有样式行为”。你需要考虑你的接受和接受的情景。如果用户想要打印图表之类的东西，那么我的上帝啊，伙计……让它超级简单，并让它在coldfusion中保持原汁原味：cfchart，cfsavecontent，cfdocument

---

祝你好运。

一些相关的代码片段在这里会很好。请带上一些你尝试过的代码，可以从谷歌搜索中读取为什么你不能将更新的排序顺序发送回服务器？ColdFusion 11应该允许HTML的像素完美PDF呈现。但是，是的，用户定制必须被保存，并且HTML完全重新呈现给CF 11，以将更改导出到PDF。我在CF10上，它有样式的细微差别，也就是这里的标准，所以有更多的样式FunZes要考虑。我们还没有跳到CF11，但无论如何我都不知道OP在用什么（正如他目前发布的）。我不想假设任何超出我已经假设的东西。lol.：）