window.print()方法是直接打印页面上的内容,在页面中可以设置打印区域及页面的展示样式。
由于针式打印机的精度问题,当页面样式的字体设置的颜色太轻,将会失真,从而导致内容成虚线。
成为虚线的设置为:
#ydPrint input, #ydPrint textarea {
color: #666;
}
从样式中可以看到,此处是将输入部分的内容置为灰色。
更改后,打印正常的设置如下:
#ydPrint input, #ydPrint textarea {
color: #000 !important;
}
综合:
从以上问题的解决中可以发现,window.print()方法是将打印部分的展示效果进行打印,如果出现打印出来的内容与所见有出入,可以考虑从CSS的相关属性入手。