在linux中显示来自C的gif gif87a图像的最佳方法

Question

在来自 gnu C 而不是 C++ 的 linux 中，最好的方法是在屏幕上显示 gif87a 文件并将其重新显示在屏幕上的相同位置，以便用户可以观察到动态所做的更改数据集？这不是 GIF 动画。

在一些旧代码 (fortran77) 中，它有一个 C 包装器，它获取屏幕上显示的图像并将其写入 gif 文件，有一条关于 X Window Applications Programming, Ed. 2, Johnson & Reichard 的注释用作编写将图像数据显示到屏幕并写入 gif87a 文件的 C 代码，此代码是在 1995 年左右编写的，图像的屏幕显示不再有效（只是一个黑色窗口），但 gif 文件的创建仍然有效。我想做的是来自现有的 C 代码，在 SLES 版本 11.4 中，带有可用于打开 gif 文件并将其显示在屏幕上的库。图像或等高线图有一个颜色条，用户可以设置最小/最大值以根据自己的喜好显示图像，最好让用户轻松高效地调整这些最小最大值重绘图像（重新编写 gif，然后在屏幕上的同一位置重新显示）。还有一些用户可以转动的其他旋钮，例如 dat 的窗口化（汉明或汉），如果用户可以快速/轻松地运行大约 5 种以上的查看图像的方式，然后安顿下来，那将是最好的然后使用在 powerpoint、excel 等中创建的最终 gif 被认为是正确的。

Answer 1

编写 X11 应用程序并非易事。您可以使用 ImageMagick 显示 GIF（或大约 200 种图像格式中的任何一种），该图像包含在大多数 Linux 发行版中并且可用于 macOS。 Windows 不算在内。

因此，您可以从命令行创建图像和操作图像，如果需要，也可以在 C 中。所以，让我们创建一个 1024x768 且充满随机颜色的 GIF：

convert -size 1024x768 xc:blue +noise random -pointsize 72 -gravity center -annotate 0 "10" image.gif

现在我们可以显示它了，使用 ImageMagick 的 display 程序：

display image.gif &

现在我们可以通过以下方式获取它的 X11 "window-id"：

xprop -root

...
_NET_ACTIVE_WINDOW(WINDOW): window id # 0x600011
...
...

现在您可以随意更改图像，使用滤镜、模糊、形态、阈值和卷积：

convert image.gif -threshold 80% -morphology erode diamond -blur 0x3 -convolve "3x3: -1,0,1, -2,0,2, -1,0,1" ... image.gif

然后告诉display 程序重绘窗口：

display -window 0x600011 image.gif

---

这是一个小脚本，它在每帧中间生成带有新数字的图像并更新屏幕：

for ((t=0;t<100;t++)) ; do 
   convert -size 640x480 xc:blue +noise random -pointsize 72 -fill white -gravity center -annotate 0 "$t" image.gif
   display -window 0x600011 image.gif
done

---

现在您需要做的就是找到一个小的 Python 或 Tcl/Tk 库来绘制一些旋钮和刻度盘，读取它们的位置并相应地更改图像并告诉屏幕重绘。

Answer 2

由于对我的其他答案缺乏热情，我想我会再尝试一次。我快速浏览并了解了 Processing，这是一种非常简单的语言，与 C 非常相似，但更容易编程。

这是它加载 GIF 并显示几个小旋钮的屏幕截图 - 我附加了其中一个以在图像上设置阈值。

这是代码 - 它不是世界上最漂亮的，因为它是我在 Processing 中的第一个代码，但您应该能够看到它在做什么并适应您的需求：

import controlP5.*;

ControlP5 cp5;

int myColorBackground = color(0,0,0);
int knobValue = 100;
float threshold=128;

Knob myKnobA;
Knob myKnobB;

PImage src,dst;  // Declare a variable of type PImage

void setup() {
  size(800,900);

  // Make a new instance of a PImage by loading an image file
  src = loadImage("image.gif");
  // The destination image is created as a blank image the same size as the source.
  dst = createImage(src.width, src.height, RGB);

  smooth();
  noStroke();

  cp5 = new ControlP5(this);

  myKnobA = cp5.addKnob("some knob")
               .setRange(0,255)
               .setValue(50)
               .setPosition(130,650)
               .setRadius(100)
               .setDragDirection(Knob.VERTICAL)
               ;

  myKnobB = cp5.addKnob("threshold")
               .setRange(0,255)
               .setValue(220)
               .setPosition(460,650)
               .setRadius(100)
               .setNumberOfTickMarks(10)
               .setTickMarkLength(4)
               .snapToTickMarks(true)
               .setColorForeground(color(255))
               .setColorBackground(color(0, 160, 100))
               .setColorActive(color(255,255,0))
               .setDragDirection(Knob.HORIZONTAL)
               ;

}

void draw() {
  background(0);
  src.loadPixels();
  dst.loadPixels();

  for (int x = 0; x < src.width; x++) {
    for (int y = 0; y < src.height; y++ ) {
      int loc = x + y*src.width;
      // Test the brightness against the threshold
      if (brightness(src.pixels[loc]) > threshold) {
        dst.pixels[loc]  = color(255);  // White
      }  else {
        dst.pixels[loc]  = color(0);    // Black
      }
    }
  }

  // We changed the pixels in destination
  dst.updatePixels();
  // Display the destination
  image(dst,100,80);
}

void knob(int theValue) {
  threshold = color(theValue);
  println("a knob event. setting background to "+theValue);
}


void keyPressed() {
  switch(key) {
    case('1'):myKnobA.setValue(180);break;
    case('2'):myKnobB.setConstrained(false).hideTickMarks().snapToTickMarks(false);break;
    case('3'):myKnobA.shuffle();myKnobB.shuffle();break;
  }

}

这是我使用的一些链接 - image processing、P5 library of widgets and knobs。