SDL2缩放窗口低分辨率图形异常：像素出现对角线问题求助

1. 修复初始化顺序错误 #

你的canvas_init函数存在致命的初始化顺序问题：SDL_Init必须在创建窗口和渲染器之前调用，否则会触发未定义行为。修正后的代码如下：

static inline void canvas_init(Canvas* canvas) {
  SDL_Init(SDL_INIT_VIDEO); // 必须放在最开头初始化视频子系统
  SDL_CreateWindowAndRenderer(canvas->width * canvas->scale_x, canvas->height * canvas->scale_y, 0, &(canvas->window), &(canvas->renderer));
  SDL_RenderSetScale(canvas->renderer, canvas->scale_x, canvas->scale_y);
}

2. 关闭线性过滤，启用最近邻采样 #

缩放时出现的对角线是SDL默认启用线性纹理过滤导致的——这种过滤会对相邻像素进行插值混合，破坏像素风格的硬边缘。要解决这个问题，需要强制使用最近邻采样：

// 在创建渲染器后添加以下配置
SDL_SetHint(SDL_HINT_RENDER_SCALE_QUALITY, "0"); // 0代表禁用插值，使用最近邻采样
SDL_SetRenderDrawBlendMode(canvas->renderer, SDL_BLENDMODE_NONE); // 可选：关闭混合避免边缘半透明

3. 正确实现后台缓冲区（逻辑分辨率分离） #

如果要完全独立控制逻辑分辨率和窗口缩放，建议创建一个与逻辑分辨率一致的纹理作为后台缓冲区，先在缓冲区绘制内容，再将其缩放渲染到窗口：

步骤1：初始化后台纹理 #

在canvas_init中创建后台纹理：

// 初始化渲染器后添加
canvas->back_buffer = SDL_CreateTexture(
    canvas->renderer,
    SDL_PIXELFORMAT_RGBA8888,
    SDL_TEXTUREACCESS_TARGET,
    canvas->width,
    canvas->height
);
SDL_SetTextureScaleMode(canvas->back_buffer, SDL_SCALEMODE_NEAREST); // 强制后台纹理使用最近邻采样

步骤2：渲染流程修改 #

每次绘制时先切换到后台缓冲区，完成绘制后再将缓冲区缩放输出到窗口：

// 切换渲染目标到后台缓冲区
SDL_SetRenderTarget(canvas->renderer, canvas->back_buffer);
// 清空缓冲区
SDL_SetRenderDrawColor(canvas->renderer, 0, 0, 0, 255);
SDL_RenderClear(canvas->renderer);

// 在这里调用SDL_RenderGeometry绘制你的三角形
SDL_RenderGeometry(canvas->renderer, NULL, vertices, vertex_count, indices, index_count);

// 切换回窗口渲染目标，缩放绘制后台纹理
SDL_SetRenderTarget(canvas->renderer, NULL);
SDL_RenderCopy(canvas->renderer, canvas->back_buffer, NULL, NULL);
// 提交渲染结果
SDL_RenderPresent(canvas->renderer);

步骤3：资源清理 #

程序退出时记得释放后台纹理：

SDL_DestroyTexture(canvas->back_buffer);

效果验证 #

完成上述修改后，缩放窗口时会严格保留逻辑分辨率的像素风格，不会出现插值导致的对角线模糊问题。

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