js的window.print()打印背景图片
题目描述
js的window，print()打印背景图片给body加了图片地址之后，非要设置浏览器打印选项里面设置背景图形打印才行，怎么通过js去设置默认的就是打印带背景图像的
方法一 ：css
//打印机媒体查询
@media print {
body{
-webkit-print-color-adjust:exact;
-moz-print-color-adjust:exact;
-ms-print-color-adjust:exact;
print-color-adjust:exact;
}
button{display:none;}
}
方法二 ：js
function printPage(){
var office = document.getElementsByClassName('office')[0];
var imgs = office.getElementsByTagName('img');
var img,src;
if(!imgs.length){
src = window.getComputedStyle(office,null).getPropertyValue('background-image').replace(/(^url)|\(|\)|\"/g,'');
img = document.createElement('img');
img.src=src;
img.height = 150;
img.width = 150;
office.style.backgroundImage = 'none';
office.appendChild(img);
}
window.print();
//取消打印还原
setTimeout(function(){
office.removeChild(img);
office.style.backgroundImage = 'url("'+ src +'")';
},100)
}
