ChromeのCSSフィルタのグレースケール画像/テキストの歪み

Question

状況は単純です：

私はページにコンテンツがあり、印刷時にグレースケールにしたいと思います。私はこれを行うために見つけた方法は

.body { 
    filter: Gray(); 
    filter: url('#grayscale'); 
    -webkit-filter: grayscale(1); 
    filter: grayscale(100%); 
} 

すべては、サイト上に微細示しCSSフィルターであるが、私は印刷しようとすると歪みます。

Check out the fiddle hereます（Ctrl-Pを押すと、例えば2ページをご覧ください。）

誰もが前にこれを見ていますか？私はGoogle Chromeを使用していますv60.0.3112.113

Answer 1

私はあなたの問題を解決しようとしていましたが、私はテキストのための小さな解決策を思いついたが、画像を修正することができませんでした。

私は、これはテキストに適していますことを発見：

body { 
    color: red; 
} 
@media print { 
body { 
    color: #000 !important; 
    } 
} 

私はそれが私はちょうどそれが印刷モードで色が変化することを証明するために、テキスト赤を作った...とにかく少しのに役立ちます願っています。テキストは鮮明に見えますが、イメージはまだ問題です。ごめんなさい。