在ABC pdf中渲染pdf之前让Javascript完成

时间:2012-04-17 15:36:41

标签: c# javascript google-maps abcpdf

我正在尝试制作一个在Google地图上显示位置的网页的pdf。唯一的问题是,当ABCpdf呈现pdf时,Javascript还没有完全完成。它不完整。在渲染pdf之前,如何让ABDpdf等到javascript完成100%。这是我到目前为止所尝试过的。

Doc theDoc = new Doc();
            string theURL = url;
            // Set HTML options
            theDoc.HtmlOptions.AddLinks = true;
            theDoc.HtmlOptions.UseScript = true;
            theDoc.HtmlOptions.PageCacheEnabled = false;
            //theDoc.HtmlOptions.Engine = EngineType.Gecko;
            // JavaScript is used to extract all links from the page

            theDoc.HtmlOptions.OnLoadScript = "var hrefCollection = document.all.tags(\"a\");" +
              "var allLinks = \"\";" +
              "for(i = 0; i < hrefCollection.length; ++i) {" +
              "if (i > 0)" +
              "  allLinks += \",\";" +
              "allLinks += hrefCollection.item(i).href;" +
              "};" +
              "document.documentElement.abcpdf = allLinks;";
            // Array of links - start with base URL
            theDoc.HtmlOptions.OnLoadScript = "(function(){window.ABCpdf_go = false; setTimeout(function(){window.ABCpdf_go = true;}, 1000);})();";
            ArrayList links = new ArrayList();
            links.Add(theURL);
            for (int i = 0; i < links.Count; i++)
            {
                // Stop if we render more than 20 pages
                if (theDoc.PageCount > 20)
                    break;
                // Add page
                theDoc.Page = theDoc.AddPage();
                int theID = theDoc.AddImageUrl(links[i] as string);
                // Links from the rendered page
                string allLinks = theDoc.HtmlOptions.GetScriptReturn(theID);
                string[] newLinks = allLinks.Split(new char[] { ',' });
                foreach (string link in newLinks)
                {
                    // Check to see if we allready rendered this page
                    if (links.BinarySearch(link) < 0)
                    {
                        // Skip links inside the page
                        int pos = link.IndexOf("#");
                        if (!(pos > 0 && links.BinarySearch(link.Substring(0, pos)) >= 0))
                        {
                            if (link.StartsWith(theURL))
                            {
                                links.Add(link);
                            }
                        }
                    }
                }
                // Add other pages
                while (true)
                {
                    theDoc.FrameRect();
                    if (!theDoc.Chainable(theID))
                        break;
                    theDoc.Page = theDoc.AddPage();
                    theID = theDoc.AddImageToChain(theID);
                }
            }
            // Link pages together
            theDoc.HtmlOptions.LinkPages();
            // Flatten all pages
            for (int i = 1; i <= theDoc.PageCount; i++)
            {
                theDoc.PageNumber = i;
                theDoc.Flatten();
            }

            byte[] theData = theDoc.GetData();

            Response.Buffer = false; //new
            Response.Clear();
            //Response.ContentEncoding = Encoding.Default;
            Response.ClearContent(); //new
            Response.ClearHeaders(); //new
            Response.ContentType = "application/pdf"; //new
            Response.AddHeader("Content-Disposition", "attachment; filename=farts");

            Response.AddHeader("content-length", theData.Length.ToString());
            //Response.ContentType = "application/pdf";
            Response.BinaryWrite(theData);
            Response.End();

            theDoc.Clear();

3 个答案:

答案 0 :(得分:2)

我有一个非常类似的问题(将Google Visualization渲染为PDF),这是我过去部分解决它的技巧:

首先,您的JavaScript需要在DOMContentLoaded而不是load上执行(您将在稍后了解原因)。接下来创建一个空页面,它将通过计时器提供内容(您可以使用System.Threading.Thread.Sleep使页面“等待”一段时间)。

然后在要呈现为PDF的页面上放置一个隐藏的图像,其中包含需要在生成PDF之前执行的JavaScript。图像的“src”属性必须有一个指向您的计时器页面的URL(在下面的示例中,我通过查询字符串指定延迟(以毫秒为单位)):

<img src="Timer.aspx?Delay=1000" style="width: 1px; height: 1px; visibility: hidden" />

请注意,我使用visibility: hidden代替display: none来隐藏图片。原因是某些浏览器可能无法开始加载图像,直到它可见。

现在将会发生的事情是,ABCpdf会等到你的JavaScript已经执行时加载图像(因为DOMContentLoadedload之前被触发,等待所有图像都被加载。)< / p>

当然,您无法预测执行JavaScript所需的时间。另一件事是,如果ABCpdf无法在15秒内加载页面(默认值,但我认为你可以更改它),它将抛出异常,所以在选择延迟时要小心。

希望这有帮助。

答案 1 :(得分:2)

在我的情况下,我们将v8升级到v9并生成网页的缩略图图像,该网页还需要对对象定位进行大量的javascript CSS操作。当我们切换到v9时,我们注意到对象是重复的(显示在它们的原始位置和它们应该位于js之后的位置)。

我应用的解决方法是使用RenderDelay和OneStageRender属性来更改页面呈现处理为PDF的方式。 500是ms,所以1/2秒。更大的罪魁祸首似乎是OneStageRender。必须禁用它才能使渲染正确处理。

doc.SetInfo(0, "RenderDelay", "500")
doc.SetInfo(0, "OneStageRender", 0)

答案 2 :(得分:-1)

尝试将脚本块设置为javascript函数,并从文件顶部的document.ready()函数调用该函数。我假设你正在使用jQuery。 ready()函数将确保所有页面元素在调用其正文中的任何函数之前已经稳定。