如何在绘制QR码时为CGContext设置NSGradient渐变填充

推荐采用「路径裁剪+整体渐变绘制」的方案，性能最优且可以实现QR码整体渐变效果，具体实现逻辑适配你的现有方法如下：

实现步骤 #

1. 遍历QR码所有模块，把所有需要填充的深色模块的矩形合并为一个统一的路径
2. 将该路径设置为当前CGContext的裁剪区域，后续绘制内容只会显示在路径范围内
3. 直接使用你已经创建好的NSGradient对象在裁剪区域内绘制渐变即可，无需转换为CGColor

代码示例 #

+ (void)drawQRCode:(QRcode *)code context:(CGContextRef)ctx size:(CGFloat)size {
    // 计算单个QR模块的边长
    CGFloat moduleSize = size / code->width;
    // 1. 构建所有深色模块的合并路径
    CGMutablePathRef qrModulePath = CGPathCreateMutable();
    for (int y = 0; y < code->width; y++) {
        for (int x = 0; x < code->width; x++) {
            // 沿用你原有的逻辑判断当前模块是否需要填充
            unsigned char moduleValue = code->data[y * code->width + x];
            if (moduleValue & 1) { // 常规QR库约定最低位为1表示深色模块
                CGRect moduleRect = CGRectMake(x * moduleSize, y * moduleSize, moduleSize, moduleSize);
                CGPathAddRect(qrModulePath, NULL, moduleRect);
            }
        }
    }
    // 2. 设置裁剪区域
    CGContextAddPath(ctx, qrModulePath);
    CGContextClip(ctx);
    CGPathRelease(qrModulePath);
    
    // 3. 绘制渐变，这里用你已经创建好的NSGradient对象即可
    NSGradient *targetGradient = // 你已创建的双色渐变实例
    // 示例为从上到下的线性渐变，调整angle参数可修改渐变方向
    [targetGradient drawInRect:CGRectMake(0, 0, size, size) angle:270];
    
    // 后续如果需要在当前上下文绘制其他内容，可重置裁剪
    CGContextResetClip(ctx);
}

可选扩展 #

如果需要实现径向渐变，替换上述渐变绘制代码为NSGradient的径向绘制API即可：

[targetGradient drawInRect:CGRectMake(0, 0, size, size) 
    relativeCenterPosition:CGPointMake(0.5, 0.5) 
    radius:size/2 
    relativeCenterPosition:CGPointMake(0.5, 0.5) 
    radius:0 
    options:0];

内容的提问来源于stack exchange，提问作者GeraldTheGerm