Imagesharp - 用动画 gif 填充的静止图像答案

【问题标题】：Imagesharp - Still image to fill with an animated gifImagesharp - 用动画 gif 填充的静止图像
【发布时间】：2017-12-13 18:01:31
【问题描述】：

我一直在继续尝试使用 ImageSharp，并希望做一些更聪明的事情。我有一个具有透明背景的静止 png 图像，以及一个大于或等于静止图像的动画 gif 图像。下面的代码是我创建的接口的一部分，它调用方法 ProcessImage 并作为内存流返回，以便稍后作为任何类型的图像输出。

一切都很好，它可以识别 gif 图像的帧。然而，随着进程的推进，这些帧似乎相互重叠，而不是引用静止图像的初始帧的各个帧。

我可能忽略了我的代码中的一个明显错误，但是如何防止每一帧相互重叠，并让每一帧复制静止图像的干净石板并用每一帧填充空白动画 gif 图像的？

以下是参考资料。我确实不得不减小 gif 的大小，因为上传限制为 2mb

Circle - Still Image

Thunder - Animated Image

The Result of the Thunder and Circle Combined

代码：

    public MemoryStream ProcessImage()
    {
        MemoryStream ms = new MemoryStream();
        const int min = 128; // Grey midpoint
        using (var img = Image.Load(ImagePath))
        using (var texture = Image.Load(Texture))
        {
            if (img.Width > texture.Width || img.Height > texture.Height)
            {
                throw new InvalidOperationException("Image dimensions must be less than or equal to texture dimensions!");
            }

            Image<Rgba32> animated = new Image<Rgba32>(img.Width, img.Height);
            ImageFrame<Rgba32> imageFrame = img.Frames[0];
            foreach (var Frame in texture.Frames)
            {
                ImageFrame<Rgba32> currentFrame = imageFrame;
                for (int y = 0; y < currentFrame.Height; y++)
                {
                    for (int x = 0; x < currentFrame.Width; x++)
                    {
                        var pixel = currentFrame[x, y];
                        if (pixel.R >= min && pixel.G >= min && pixel.B >= min && pixel.A >= min)
                        {
                            currentFrame[x, y] = Frame[x, y];
                        }
                    }
                }
                animated.Frames.AddFrame(currentFrame);
            }
            animated.SaveAsGif(ms);
            return ms;
        }
    }

【问题讨论】：

标签： c# asp.net imagesharp

【解决方案1】：

找到问题的解决方案。我需要克隆源图像（圆圈）并在 gif 的每一帧之后处理它。我可以通过 using 语句实现这一点，这是一种确保 imageFrame 等对象正确处理的便捷方法。实施此解决方案后，框架不再重叠。

        MemoryStream ms = new MemoryStream();
        const int min = 128; // Grey midpoint
        using (var img = Image.Load(ImagePath))
        using (var texture = Image.Load(Texture))
        {
            if (img.Width > texture.Width || img.Height > texture.Height)
            {
                throw new InvalidOperationException("Image dimensions must be less than or equal to texture dimensions!");
            }

            Image<Rgba32> animated = new Image<Rgba32>(img.Width, img.Height);
            foreach (var Frame in texture.Frames)
            {
                using (var imageFrame = img.Frames.CloneFrame(0))
                {
                    Image<Rgba32> currentFrame = imageFrame;
                    for (int y = 0; y < currentFrame.Height; y++)
                    {
                        for (int x = 0; x < currentFrame.Width; x++)
                        {
                            var pixel = currentFrame[x, y];
                            if (pixel.R >= min && pixel.G >= min && pixel.B >= min && pixel.A >= min)
                            {
                                currentFrame[x, y] = Frame[x, y];
                            }
                        }
                    }
                    animated.Frames.AddFrame(currentFrame.Frames.First());
                }
            }
            GifEncoder GifEncode = new GifEncoder();
            animated.SaveAsGif(ms);
            return ms;

【讨论】：