• GIF图像动态生成-JAVA后台生成


    背景

           在互联网上有许多有趣的场景,其中的一种就是动图。这不是视频,而是一种GIF图像信息。虽然没有声音,却给我们带来了无穷的乐趣。如果说斗图是曾经聊天或者网聊的乐趣,那动图一定是承包了这种欢乐的技术原理。

          GIF的全称是Graphics Interchange Format,可译为图形交换格式,用于以超文本标志语言(Hypertext Markup Language)方式显示索引彩色图像,在因特网和其他在线服务系统上得到广泛应用。GIF是一种公用的图像文件格式标准,版权归Compu Serve公司所有。

          那么这些GIF图片可以使用什么技术来生成呢?今天分享一种JAVA的实现,基于开源库AnimatedGifEncoder,动态构建GIF图库。掌握了这个技术,加上你天才的头脑,一定可以发挥出独特的创意,创作出充满智慧或者可以令人脑洞大开的内容。不多说,正式开始吧。

    特点

          GIF格式的图像文件具有如下特点:

    (1)GIF格式图像文件的扩展名是“.gif”;

    (2)对于灰度图像表现最佳;

    (3)具有GIF87a和GIF89a两个版本;

    (4)采用改进的LZW压缩算法处理图像数据;

    (5)调色板数据有通用调色板和局部调色板之分,有不同的颜色取值;

    (6)不支持24bit彩色模式,最多存储256色。

    用途

           ①GIF是压缩格式的文件,用于减少文件在网络上传递的时间;

           ②GIF的位深为1-8bit,单色透明,由一个最多256种颜色的调色板实现,图像大小最多为64K×64K像素。GIF主要是为一个数据流而设计的一种传输格式,而不是作为文件的存当格式,因此它是最复杂的一种图像文件格式;

           ③支持Bitmap、Grayscale和索引彩色模式。

    AnimatedGifEncoder简介

          AnimatedGifEncoder是Kevin Weiner编写的,其作者授权所有人可以以任何方式使用这份代码,但是需要注意代码中所使用的LZW算法由Unisys掌握专利权。不过鉴于此专利在2006年就已经在大部分国家及地区过期了,所以现在应该可以放心地使用了。

    GIF创作生成

    一、创建maven项目

          新建一个maven项目,引入相关资源包。关键代码如下所示:

    1. <dependency>
    2. <groupId>com.madgaggroupId>
    3. <artifactId>animated-gif-libartifactId>
    4. <version>1.4version>
    5. dependency>

    二、自定义生成

          自定义生成之指,直接使用系统创建的方式来生成gif,不使用外部的图片、视频等资源,直接在界面上绘制一个GIF图。下面给出关键代码:

    1. package com.yelang.mp42gif;
    2. import java.awt.Color;
    3. import java.awt.Graphics2D;
    4. import java.awt.image.BufferedImage;
    5. import java.io.IOException;
    6. import com.madgag.gif.fmsware.AnimatedGifEncoder;
    7. public class PageTest {
    8. public static final int SIZE = 200;
    9. public static void main(String[] args) throws IOException {
    10. AnimatedGifEncoder encoder = new AnimatedGifEncoder();
    11. encoder.start("D:/giftest/out.gif");
    12. encoder.setTransparent(Color.WHITE);
    13. encoder.setRepeat(0);
    14. encoder.setDelay(50);
    15. BufferedImage img = new BufferedImage(SIZE, SIZE, BufferedImage.TYPE_3BYTE_BGR);
    16. Graphics2D g2d = img.createGraphics();
    17. for (int i=0; i<100; i++) {
    18. g2d.setColor(Color.WHITE);
    19. g2d.fillRect(0, 0, SIZE, SIZE);
    20. g2d.setColor(Color.BLACK);
    21. g2d.drawOval(0, i, 120, 120);
    22. encoder.addFrame(img);
    23. }
    24. g2d.dispose();
    25. encoder.finish();
    26. System.out.println("完成");
    27. }
    28. }

           执行完成后,在目标文件夹下,可以看到输出了gif图片,

          将out.gif文件拖拽到浏览器中,可以看到动态的效果,如下图:

    三、自定义将多张图片合成

           在一些需求里,比如根据给定的多张图片(比如下面1-4.jpg四张)来合成一张gif图片。这种需求又如何来实现呢?这里重点介绍这种需求的解决方案。

    1、定义原始的数据源

    1. BufferedImage image1 = ImageIO.read(new File("D:/giftest/dir2/1.jpg"));
    2. BufferedImage image2 = ImageIO.read(new File("D:/giftest/dir2/2.jpg"));
    3. BufferedImage image3 = ImageIO.read(new File("D:/giftest/dir2/3.jpg"));
    4. BufferedImage image4 = ImageIO.read(new File("D:/giftest/dir2/4.jpg"));

    上述代码将原始的图片转换成输入流备用

    2、gif对象设置

    1. AnimatedGifEncoder e = new AnimatedGifEncoder();
    2. // 设置生成图片大小
    3. e.setSize(4000, 3000);
    4. //生成的图片路径
    5. e.start("D:/giftest/dir2/demo1.gif");
    6. //图片之间间隔时间
    7. e.setDelay(500);
    8. //重复次数 0表示无限重复 默认不重复
    9. e.setRepeat(0);
    10. e.setQuality(5);

    3、图片填充

    1. //添加图片
    2. e.addFrame(image1);
    3. e.addFrame(image2);
    4. e.addFrame(image3);
    5. e.addFrame(image4);
    6. e.finish();

     完成的代码如下:

    1. public static void test3() throws IOException {
    2. BufferedImage image1 = ImageIO.read(new File("D:/giftest/dir2/1.jpg"));
    3. BufferedImage image2 = ImageIO.read(new File("D:/giftest/dir2/2.jpg"));
    4. BufferedImage image3 = ImageIO.read(new File("D:/giftest/dir2/3.jpg"));
    5. BufferedImage image4 = ImageIO.read(new File("D:/giftest/dir2/4.jpg"));
    6. AnimatedGifEncoder e = new AnimatedGifEncoder();
    7. // 设置生成图片大小
    8. e.setSize(4000, 3000);
    9. //生成的图片路径
    10. e.start("D:/giftest/dir2/demo1.gif");
    11. //图片之间间隔时间
    12. e.setDelay(500);
    13. //重复次数 0表示无限重复 默认不重复
    14. e.setRepeat(0);
    15. e.setQuality(5);
    16. //添加图片
    17. e.addFrame(image1);
    18. e.addFrame(image2);
    19. e.addFrame(image3);
    20. e.addFrame(image4);
    21. e.finish();
    22. System.out.println("finish");
    23. }

     执行完成后,可以看到生成GIF图如下:

    话外题-怀念巨人

          GIF的发明者是美国计算机科学家、GIF图像格式发明人斯蒂芬•威尔海特(Stephen Wilhite)。据美国媒体报道,当地时间3月14日,gif的发明者斯蒂芬·威尔海特因疫情去世,享年74岁。他的妻子凯瑟琳在接受采访时提到,威尔海特去世前他的家人都陪伴在他的身边,而在讣告中也提到“尽管取得了诸多成就,但他仍然是一个非常谦逊、善良的好人。”

    总结

          本文简要讲述了GIF图像知识,并且以JAVA技术为例,介绍了后台生成GIF的技术,并提供较详细的代码示例,希望对您有帮助。最后怀念因新冠感染去世的GIF的发明者,斯蒂芬•威尔海特。感恩这个时代,我们站在无数巨人的肩膀上,以至于可以专心去享受这些技术带来的快感。

  • 相关阅读:
    TODOS案例
    【Leetcode】1573. Number of Ways to Split a String
    hangfire安装
    java毕业生设计医院新型冠状病毒疫苗接种管理系统计算机源码+系统+mysql+调试部署+lw
    【云原生之k8s】k8s资源限制以及探针检查
    UTONMOS:AI+Web3+元宇宙数字化“三位一体”将触发经济新爆点
    JAVA-GUI工具的编写-----请求篇
    java毕业设计论文题目基于Lucene全文检索框架实现的SSM博客管理系统
    利用RoboBrowser库和爬虫代理实现微博视频的爬取
    精准诊断,精确治疗,智芯传感ZXPA侵入式压力传感器为心血管疾病患者带来福音
  • 原文地址:https://blog.csdn.net/yelangkingwuzuhu/article/details/126805813