Question

我只是遇到jquery maphilight的问题，当打印一切正常并且实际上它是一个很棒的插件但是当我去尝试打印时，图像不会出现在区域中只是突出显示的部分。任何想法，如果有人正面临这个问题，并解决了这个问题。

感谢。

Answer 1

Maphilight将图像的不透明度更改为0并将其设置为背景图像。浏览器将其从打印中排除是正常行为。如果客户端将浏览器设置为，则可以打印背景图像，但不能强制它。

可能有更好的方法来解决这个问题......但这就是我所做的。编辑maphilight js文件以包含图像，以便打印而无需打印背景图像。

在：

$('<div></div>').css(display:'block',
                            background:'url("'+this.src+'")',
                            position:'relative',
                            padding:0,
                            width:this.width,
                            height:this.height
                            });

后：

$('<div><img src="' +  img.attr('src') + '"></div>').css(display:'block',
                            background:'url("'+this.src+'")',
                            position:'relative',
                            padding:0,
                            width:this.width,
                            height:this.height
                            });

Answer 2

因为 maphilight 将图像不透明度设置为 0，所以打印时图像不显示（但高光显示）。解决方法：制作一个粗黑的笔触宽度并添加以下样式：

<style>
    @media print {
        .map {
        opacity: 0.7 !important;
    }
}
</style>

Jquery Maphilight打印问题

2 个答案: