将NSView导出为PDF与PNG：为何输出结果差异巨大？

这个问题的核心原因其实是PDF和PNG的生成机制本质不同，咱们从几个关键点拆解：

1. 格式类型完全不同：矢量 vs 位图 #

• PDF是矢量格式：dataWithPDF()方法是把视图的绘制逻辑转换成矢量指令（比如“画一个圆角矩形”“渲染一段字体为Helvetica的文字”），所以导出的PDF可以无限缩放而不失真，文字、图形都是可编辑的矢量元素。
• PNG是位图格式：bitmapImageRepForCachingDisplay()是把视图渲染成固定分辨率的像素点阵，相当于给视图拍了一张“截图”。一旦放大，像素点就会变得清晰可见，出现锯齿或模糊。

2. 渲染上下文的差异 #

• PDF渲染使用的是打印/矢量上下文：它会严格遵循视图的布局规则、文字排版、图层混合模式，甚至会保留PDF特有的可编辑属性（比如文字可以被选中复制）。
• 位图缓存使用的是屏幕渲染上下文：它的渲染目标是屏幕，会受到当前屏幕的分辨率（比如Retina屏的2x/3x缩放因子）影响。如果你的代码里没有手动调整分辨率，生成的PNG分辨率就是屏幕的物理分辨率，和PDF的无分辨率限制形成鲜明对比。

3. 绘制细节的处理逻辑不同 #

一些复杂的视图效果（比如阴影、渐变、图层透明度）在两种渲染方式下的处理完全不一样：

• PDF会用矢量描述这些效果，确保在任何缩放比例下都保持平滑；
• 位图则是直接把效果渲染成像素，可能在颜色精度、透明度表现上和PDF有细微差别，甚至某些特殊效果（比如动态模糊）在两种渲染下的呈现结果完全不同。

另外，lockFocusIfCanDraw()获取的是屏幕的图形上下文，它的颜色空间（通常是sRGB）和PDF默认的颜色空间（可能是CMYK或校准RGB）也可能存在差异，这也会导致颜色表现不一致。

如何让PNG和PDF视觉更接近？ #

如果想要缩小两者的视觉差异，可以试试这些方法：

• 提高PNG的分辨率：乘以屏幕的缩放因子，生成高分辨率的位图，比如：

  guard view.lockFocusIfCanDraw() else { assert(false); return }
  let scale = NSScreen.main?.backingScaleFactor ?? 1.0
  let scaledRect = rect.applying(CGAffineTransform(scaleX: scale, y: scale))
  guard let imgData = NSBitmapImageRep(bitmapDataPlanes: nil,
                                       pixelsWide: Int(scaledRect.width),
                                       pixelsHigh: Int(scaledRect.height),
                                       bitsPerSample: 8,
                                       samplesPerPixel: 4,
                                       hasAlpha: true,
                                       isPlanar: false,
                                       colorSpaceName: .calibratedRGB,
                                       bytesPerRow: 0,
                                       bitsPerPixel: 0) else {
      assert(false)
      view.unlockFocus()
      return
  }
  imgData.size = rect.size
  view.cacheDisplay(in: rect, to: imgData)
  view.unlockFocus()
  let pngData = imgData.representation(using: .png, properties: [:])
  

• 统一颜色空间：确保位图的颜色空间和PDF一致，比如设置为CMYK或者sRGB，避免颜色偏差。

内容的提问来源于stack exchange，提问作者Wizard of Kneup