Knp / Snappy PDF Generator空白页

时间:2019-02-06 12:27:12

标签: javascript symfony twig wkhtmltopdf knp-snappy

我正在用symfony / twig做一个生成器,但是总是有空的页面。(有时1,有时更多) 这是我关于页面的JS:     var marginTop = 15;

image.SetBackgroundResource(Resource.Drawable.roundedCorner);

注意::其横向页面。在我的控制器中,所有边距=> 0并启用了javascript。我该怎么办?我用Google搜索它,有人在谈论它的错误,但idk确实如此。我认为我做错了事。

这是我的第一页和第二页的CSS

         var cellHeightArray = [];
         var rowCounter = 0;
         var cellCounter = 0;
         var cellHeightArray2 = [];
         var rowCounter2 = 0;
         var cellCounter2 = 0;

         $('.page-three > .spec-box').each(function() {
            if(!cellHeightArray[rowCounter]) {
                cellHeightArray[rowCounter] = [];
            }
            var height = $(this).height();
            var topHeight = 0;

            for(var j = 0; j < cellHeightArray.length; j++) {
                if(cellHeightArray[j][cellCounter]) {
                    topHeight += cellHeightArray[j][cellCounter] + marginTop;
                }
            }

            cellHeightArray[rowCounter][cellCounter] = height;

            $(this).css({
               "float": "left",
               "position": "absolute",
               "width": "400px",
               "top": topHeight,
               "left": (cellCounter * (400 + 50)) + 50
            });

            if (topHeight + height > 750) {
                $(this).appendTo(".page-four");
                $("page-four").append("Some appended text.");
            }

            if(cellCounter == 2) {
                rowCounter++;
                cellCounter = 0;
            }else {
                cellCounter++;
            }

         });

还有第3页CSS

.page-one, .page-two {
                font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;
                position: relative;
                height:992px;
            }

1 个答案:

答案 0 :(得分:0)

我像这样解决了同样的问题:

CSS代码:

.page {
    page-break-after: always;
}

之后,将此类“页面”放在需要显示的每个div o部分上。删除div o部分的所有高度-