macos - 可可分辨率独立按钮图形

Question

我正在尝试在 Sketch（基于矢量的图形设计应用程序）中创建图形。我导出为 PDF，这就是我的原始图形的样子：

但是当我将它设置为 NSButton 的图像时，它会像这样绘制：

为什么会出现这种情况？特别是右侧和底部边缘发生了很大变化。我不确定这是 Cocoa 绘图问题还是我原始图形的问题。

Answer 1

问题在于与像素网格和抗锯齿的（错误）对齐。看起来您已经对图像进行了缩放，以使左侧、右侧和底部的边框的厚度大约为一个像素。但是，右边界和下边界跨越像素之间的边界。结果是它们将一半的“暗度”贡献给边界一侧的像素，另一半贡献给边界另一侧的像素。

您应该调整图像的比例或绘制它的大小，以避免特定的对齐方式。它看起来好像被渲染为大约 10.5 像素宽。您希望它是 10 像素或 11 像素宽，因此右边缘更接近于像素列。