使用Image通过Jquery打印动态生成的DIV

时间:2013-01-17 11:18:27

标签: jquery google-chrome

我动态生成图像,然后将该图像嵌入带有一些文本的div中。我尝试通过名为 jquery.printElement.min.js 的jquery插件打印带有图像的动态div这个插件在firefox和IE中运行正常,但在Chrome中不起作用。所以这是我用来打印DIV的代码。

 $("#Print").click(function () {
        if (ImgPath != '') {
            var ImagePath = location.protocol + "//" + location.host + ImgPath;
            alert("Your track number " + _TrackNumber);
            sHtml = "<div id=dvPrint><table>";
            sHtml += "<tr><td><img src=" + ImagePath + " height=600 width=400 border=0/></td></tr>";
            sHtml += "<tr><td>" + $('#lblTxt').html() + "</td></tr>";
            sHtml += "</table></div>";
            var $dvPrint = $(sHtml);
            $dvPrint.printElement();

        }
        else {
            alert("Image not found for print");
        }
        return false;
    });

我无法弄清楚我的代码中哪些Chrome无法打印,而打开的打印预览对话框没有用于Chrome的图像。如何排序。我需要使用任何其他插件的chrome。请指导。感谢

1 个答案:

答案 0 :(得分:0)

  

在Chrome支持中有一个很长很长的两年历史,充满了用户抱怨在Chrome中缺乏基本功能(如背景打印)是多么荒谬。

换句话说:Chrome不会打印div的背景。

查看此答案以获取更多详细信息:

https://superuser.com/questions/117162/printing-background-colours-in-chrome