javascript - jquery 打印区域打印 css 颜色

Question

我正在使用 printarea jquery:https://github.com/RitsC/PrintArea

但是我打印的时候打印颜色有点麻烦

打印的时候我想这样打印 https://imagizer.imageshack.us/v2/815x185q90/673/ImZBHd.jpg

这就是我所拥有的: https://imagizer.imageshack.us/v2/437x549q90/674/dDkSRU.jpg

这是我的JS:

$('#imprimir').on('click', function(){// busca os dados ao clicar no botão
    $(".area_impressao").printArea({
        mode       : "iframe",
        standard   : "html5",
        popTitle   : 'relatorio',
        popClose   : false,
        extraCss   : '../css/impressao_retrato.css', 
        extraHead  : '',
        retainAttr : ["id","class","style"],
        printDelay : 500, // tempo de atraso na impressao
        printAlert : true,
        printMsg   : 'Aguarde a impressão'
    });
});

我也尝试更改此行但没有成功:

extraCss   : '../css/impressao_retrato.css, ../css/style.css, ../css/main.css', 

提前致谢!

Answer 1

我认为这会解决您的问题:

创建一个 CSS 文件，将所有可打印元素(打印时可见的元素)放入其中。请帮这个世界一个忙，不要打印你的尝试，使用 pdf 生成器作为打印机。

@media print {
.myCustom{color:#88000;background-color:#FF0000}
/*Set here your custom stiles as you want, each element*/
}