Javascript 打印页面会删除一些颜色

Javascript 打印页面会删除一些颜色,javascript,html,printing,Javascript,Html,Printing,我的web应用程序中有一个页面如下所示: 这是一张上面有一些精确点的图像。 但当我使用chromes print->save as pdf函数打印此页面时,它看起来是这样的 正如你所见,针尖的颜色消失了,它们只是白色的。 怎么会?如何解决此问题?此问题可以通过调整任何专门针对屏幕而非打印机的媒体查询css规则来解决。 例如: @media screen and (max-width: 600px) { body { background-color: lightblue; }

我的web应用程序中有一个页面如下所示:

这是一张上面有一些精确点的图像。 但当我使用chromes print->save as pdf函数打印此页面时,它看起来是这样的

正如你所见,针尖的颜色消失了,它们只是白色的。
怎么会?如何解决此问题?

此问题可以通过调整任何专门针对屏幕而非打印机的媒体查询css规则来解决。 例如:

@media screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
将仅在屏幕上查看时应用规则。 也适用于打印机:

@media all and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

显然,解决此问题的方法(至少对于chrome而言)是使用:
-webkit打印颜色调整:精确

数字图像verus打印图像使用不同的颜色库-打印使用CMYK,数字使用RGB。图像可能以RGB格式保存,其中青色在CMYK库中的识别方式与PDF中的识别方式不同。pinpoint使用十六进制颜色(style=“background color:#00a6ff;”)应该是什么格式?根据,最接近的web安全颜色是#0099ff。您也可以使用CMYK颜色方案,即100,35,0,0I选中此选项,但pinpoint有自己的颜色元素样式:style=“background color:#00a6ff;”此颜色为十六进制颜色。它应该使用不同的颜色格式吗?