Question

我正在尝试使用printElement插件打印div。我打印，一切都很好，它根本不打印css类。我尝试了很多东西，比如在print元素中添加一个类或者添加css代码。

以下是我没有的代码

<script type="text/javascript">
$("#print").click(function() {
    $("#fullReport").printElement(
    { 
    styleToAdd:'padding:10px; margin:10px; color:red; width:100%;'
    }
    );
});
</script>

当我点击打印div时，这至少应该使div的颜色变红。打印预览不会改变颜色或宽度！

有人可以帮我这个吗？

由于

Answer 1

打印页面颜色是浏览器中的一个设置，我认为没有办法强制浏览器打印出被视为背景颜色的内容。

您需要做一个替代方案，例如使用背景图片来填充DIV，或者使用服务器上的COM服务来获取页面的“快照”以转换为JPG或其他内容。

我使用基于jQuery的条形图软件遇到了这个问题。我最终做的是运行一个COM服务，我可以在服务器上调用该服务将页面转换为JPG。

如果我不得不再做一次，我可能只是使用重复的背景图像而不是颜色。

Answer 2

也许你也应该补充一下 printBodyOptions： { styleToAdd：“填充：10px的;保证金：10px的;红色;宽度：100％;” 并确保使用彩色打印机进行打印

如何让jQuery printElement用css类打印div？

2 个答案: