jsPDF创建的颜色与原始颜色不同的PDF

Question

我正在从 base64 编码的PNG图像创建PDF。结果PDF与原始PNG图像具有明显不同的色调。

相同的 base64 编码图像在浏览器中正确呈现。

var doc = new jsPDF('p', 'mm', 'a4', false);
doc.addImage(imgData, 'png', 100, 200, 280, 210, undefined, 'slow');
doc.save( type + '.pdf')

Answer 1

PNG图像中可能包含伽玛信息。有些浏览器会在显示图像时读取该信息并“修复”颜色。

当图像由jsPDF解析时，它会以不同于浏览器的方式处理伽马信息。 jsPDF正在应用伽玛校正而你的浏览器不是，反之亦然。

为获得一致的结果，您可以尝试使用TweakPNG for Windows或PNGCrush和ImageOptim for Mac等工具从原始PNG中删除伽玛信息。