Question

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

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

我很确定我使用的这种方法完全错了，必须有另一种方法！而且我也很确定这不是Cairo或Java2D用来生成这些东西的方式。

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

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

PS：请不要建议我使用像开罗或Qt这样的Richer Library。我现在在这里提出这个问题是因为，不幸的是，每当我找到关于这种情况的帖子时，大多数人的回答是：使用开罗。我真的需要使用这款X11系统保持尽可能低的水平。非常感谢你。

Answer 1

XRenderCreatePicture将pixmap（或任何drawable）作为参数。要使用xrender绘制像素，您需要：

创建pixmap
使用XPutImage将图像数据传输到服务器
创建与pixmap相关联的Picture对象
创建与您的窗口关联的图片对象
使用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);
    });
  });
});

XRender显示磁盘/应用程序生成的图像中的图片

1 个答案: