Html2Canvas渲染图片显示表格的边框/网格

时间:2017-12-05 10:51:50

标签: javascript c# css html2canvas

我正在尝试将带有html2canvas的div导出为pdf。 div里面有4张桌子。 问题是pdf中的输出,因为表格的网格/边框在默认黑色中可见,但我将任何边框颜色设置为透明。令人惊讶的是,当我在生成的pdf内放大时,随机线会隐藏。 你知道如何防止不必要的线路吗?

下图......

enter image description here

后端代码,我将图片添加到pdf文档...

        base64 = hfImageData2.Value.Split(',')[1];
        bytes = Convert.FromBase64String(base64);
        iTextSharp.text.Image img2 = iTextSharp.text.Image.GetInstance(bytes);
        img2.Alignment = iTextSharp.text.Image.ALIGN_CENTER;
        img2.ScalePercent(2000);
        img2.ScaleToFit(790, 700);
        document.Add(img2);

html2canvas javascript我将div保存到hiddenfield ...

        function ConvertToImage(btnExport) {
            html2canvas($("#containerChart")[0]).then(function (canvas) {
                var base64 = canvas.toDataURL();
                $("[id*=hfImageData]").val(base64);
                __doPostBack(btnExport.name, "");
            });
            return false;
        }

div元素......

         <div id="containerChart" runat="server"  style="margin-left: 2.5%; display: table;"></div>

0 个答案:

没有答案