如何在 SDL2 窗口上使用 Cairo 绘制一条白线？答案

【问题标题】：How would I draw a straight white line using Cairo on an SDL2 window?如何在 SDL2 窗口上使用 Cairo 绘制一条白线？
【发布时间】：2019-11-17 17:53:58
【问题描述】：

这是代码，但我无法使 SDL_Rect 工作或 cairo 移动到 / 行。它产生一个空白的黑色窗口。我发现 cairo 可以在 SDL2 窗口上绘图，但不知道如何让它工作。我看到的大部分代码都使用 GTK+。

SDL_Window* mainWindow;
SDL_Renderer* mainRenderer;
SDL_CreateWindowAndRenderer(1280, 960, SDL_WINDOW_SHOWN, &mainWindow, &mainRenderer);

cairo_surface_t* surface;
cairo_t* cr;
surface = cairo_image_surface_create(CAIRO_FORMAT_ARGB32, 1200, 900);
cr = cairo_create(surface);
cairo_set_source_rgb(cr, 0.0, 0.0, 0.0);
cairo_set_line_width(cr, 25);
cairo_set_source_rgb(cr, 1.0, 1.0, 1.0);
cairo_move_to(cr, 100.0, 100.0);
cairo_line_to(cr, 500, 500);
cairo_stroke(cr);
unsigned char* data;
data = cairo_image_surface_get_data(surface);

SDL_Texture* texture;
SDL_Rect rect = {0, 0, 100, 100};
texture = SDL_CreateTexture(mainRenderer, SDL_PIXELFORMAT_ABGR8888,
SDL_TEXTUREACCESS_STREAMING, 100, 200);
SDL_UpdateTexture(texture, &rect, data, 400);
// Main program loop
while (1)
{
    SDL_Event event;
    if (SDL_PollEvent(&event))
    {
        if (event.type == SDL_QUIT)
        {
            SDL_DestroyRenderer(mainRenderer);
            SDL_DestroyWindow(mainWindow);
            SDL_Quit();
            break;
        }
    }
    SDL_RenderClear(mainRenderer);
    SDL_RenderCopy(mainRenderer, texture, NULL, NULL);
    SDL_RenderPresent(mainRenderer);
}
// Cleanup and quit
cairo_destroy(cr);
cairo_surface_destroy(surface);

【问题讨论】：

标签： c++ sdl draw cairo

【解决方案1】：

你的纹理是 100x200，你只是从 cairo 图像数据更新它的 (0,0)(100,100) 矩形，但是使用 cairo 你只是在 (100,100) 开始绘制，所以整个区域都是黑色的。另外，更新纹理时您的pitch不正确-它是源数据行的字节长度；您的 cairo 图像的宽度为 1200，其格式每个像素需要 4 个字节；忽略填充它是 1200*4，而不是 400（注意 - 如果格式不同，例如每个像素 3 个字节，填充可能很重要 - 如果您要使用该格式，请参阅 cairo 文档以检查它是否填充其行） .所以有两种解决方案：

使用 cairo 生成您想要的完整图像，例如不要将 (100,100) 偏移与 move_to 一起使用，或者将整个图像复制到 SDL 纹理。那么只要修正音高就足够了。

将部分cairo数据复制到纹理，

例如

const unsigned int bpp = 4;
const unsigned int pitch = 1200*bpp;
SDL_UpdateTexture(texture, &rect,
    data           // offset pointer to start at 'first' pixel you want to copy
    + 100*pitch    // skip first 100 rows
    + 100*bpp,     // and first 100 pixels
    pitch          // pitch is the same - it refers to source image, not destination
);

【讨论】：