2011-12-22 12 views
1

私はjquery maphilightで問題なく印刷していますが、実際には素晴らしいプラグインですが、実際には素晴らしいプラグインですが、印刷してみると画像は強調表示された部分に表示されません。誰かがこの問題に直面しているかどうか、それを修正してください。Jquery Maphilight Print Issue

ありがとうございました。

答えて

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 
          }); 
+0

おかげで、このメソッドを使用して、この素晴らしい修正 – Jav

+0

のためのロブは、マップエリアからオフ10-15pxがクリックされるように選択した領域が発生します。 – EHerman