c++ - XRender 显示来自磁盘/应用程序生成图像的图片

Question

我正在使用 GCC 在 Linux 上制作一个应用程序，在这个应用程序中，我已经使用 PngLIB 从磁盘加载我的图片已有一段时间了。我从标准 xlib 跳转到 Xrender 扩展，以便利用此扩展提供的抗锯齿和 alpha channel 属性。

但是，此扩展提供了一组精简的原语。例如，为了显示从磁盘加载的图片，我一直使用 pnglib 加载它，然后调用 XRenderFillRectangle，宽度和高度为 1 个像素以及该像素所需的颜色。但是，随着我增加从磁盘加载的图标和图片的数量，很容易理解我很容易遇到对原始 XRenderFillRectangle 的数百万次调用。结论:应用程序现在需要大约 20 秒来渲染所有内容，甚至不到我想要渲染的一半。

我很确定我使用的这种方法是完全错误的，并且必须有另一种方法!而且我也很确定这不是 Cairo 或 Java2D 生成内容的方式。

所以我的问题是:我如何准备并放入由应用程序生成的 Xrender 图片的图片？例如，从磁盘加载图像？

Xrender的Picture可以应用标准的XPutImage函数吗？在生成图片之前，我是否应该将数据放入 Pixmap 中？到目前为止，我的方法没有奏效。

PS:请不要推荐我使用更丰富的库，例如 Cairo 或 Qt。我现在在这里提出这个问题是因为，不幸的是，每次我发现有关这种情况的帖子时，大多数人的回答是:使用开罗。我真的需要在这个 X11 系统上保持尽可能低的水平。非常感谢。

Answer 1

XRenderCreatePicture 将像素图(或任何可绘制对象)作为参数。 为了使用 xrender 绘制像素，您需要:

• 创建像素图
• 使用 XPutImage 将图像数据传输到服务器
• 创建与您的像素图关联的图片对象
• 创建与您的窗口关联的图片对象
• 使用 XRenderComposite 合成它们

参见 libXRender 文档 here

示例使用 node-x11 :

var x11 = require('x11');

var Exposure = x11.eventMask.Exposure;

var width = 300;
var height = 300;

var rgb = {
  data:new Buffer(width*height*4),
  width: width,
  height: height
};

var index;
for (var x = 0; x < rgb.width; ++x)
{
  for (var y = 0; y < rgb.height; ++y)
  {
    index = (x + y*rgb.width)*4;
    rgb.data[index] = parseInt(Math.sin(13*x/rgb.width)*255);
    rgb.data[index+1] = parseInt(Math.cos(15*y/rgb.height)*255);
    rgb.data[index+2] = parseInt(Math.cos(16*y/rgb.height)*255);
  }
}

x11.createClient(function(err, display)
{
  var X = display.client;
  X.require('render', function(Render) {
    var root = display.screen[0].root; 
    var win, picWin, pic, gc;

    win = X.AllocID();
    X.CreateWindow(
       win, root,
       0, 0, rgb.width, rgb.height,
       0, 0, 0, 0,
       { eventMask: Exposure }
    );
    X.MapWindow(win);

    gc = X.AllocID();
    X.CreateGC(gc, win);

    var rgbPixmap = X.AllocID();
    X.CreatePixmap(rgbPixmap, win, 24, rgb.width, rgb.height);
    X.PutImage(2, rgbPixmap, gc, rgb.width, rgb.height, 0, 0, 0, 24, rgb.data);

    var rgbPicture = X.AllocID();
    Render.CreatePicture(rgbPicture, rgbPixmap, Render.rgb24);
    var winPicture = X.AllocID();
    Render.CreatePicture(winPicture, win, Render.rgb24);

    X.on('event', function(ev) {
      if (ev.name == 'Expose')
        Render.Composite(3, rgbPicture, 0, winPicture, 0, 0, 0, 0, 0, 0, rgb.width, rgb.height);
    });
  });
});