带动态背景图的二维码生成器

简介: BitQR-Code Through image generate QR-Code . 一个优雅的 QR 二维码生成器 Github项目地址 : https://github.com/CasterWx/BitQR-Code 样例 拿起你的手机扫描下面的二维码试试吧! 原图 Version-3 .

BitQR-Code

Through image generate QR-Code .

一个优雅的 QR 二维码生成器

Github项目地址 : https://github.com/CasterWx/BitQR-Code


样例

拿起你的手机扫描下面的二维码试试吧!

原图 Version-3
1.jpg out.png

| Version-5 | 直接拼凑GIF | 分解生成 |
| ------------ | ------------- | ------------ |
| out1.png | 1.gif | getgif.gif |

原图1 原图2 原图3
gif1.gif gif2.gif gif3.gif
GIF1 GIF2 GIF3
gif1-get.gif gif2-get.gif gif3-get.gif

GIF分解为多个帧

原GIF 第四帧 第七帧 第十帧
marry.gif P3.png P6.png P11.png
第十三帧 第十六帧 第二十帧 生成GIF
P12.png P15.png P19.png getgif.gif

2018年最后一天的最后一篇

引用

在项目中导入 QRCode.jar 以添加依赖:

<component name="libraryTable">
  <library name="QRCode">
    <CLASSES>
      <root url="jar://$PROJECT_DIR$/src/lib/QRCode.jar!/" />
    </CLASSES>
    <JAVADOC />
    <SOURCES />
  </library>
</component>

快速上手

1. "快速导入背景图片"

只想显示一张麻衣学姐的照片

BufferedImage writeImg = ImageIO.read(new File("麻衣学姐.jpg"));
BufferedImage bf = new BufferedImage(writeImg.getWidth(),writeImg.getHeight(),BufferedImage.TYPE_INT_RGB);
Graphics2D gs = bf.createGraphics() ;
gs.clearRect(0,0,bf.getWidth(),bf.getHeight());
gs.drawImage(writeImg,0,0,bf.getWidth(),bf.getHeight(),null);

writeImg是读取到的图片,然后根据这张照片创建Graphics的大小。

gs.drawImage(writeImg,0,0,bf.getWidth(),bf.getHeight(),null);

便可以将writeImg绘制到Graphics中了。

File imagefile = new File(imgPath);
ImageIO.write(bf,"png",imagefile);

现在就可以利用ImageIO将图片存储到本地了

效果
1.jpg

2. "图片中使用画笔"

Graphics2D gs = bf.createGraphics() ;
gs.setBackground(Color.white);
gs.clearRect(0,0,bf.getWidth(),bf.getHeight());
gs.drawImage(writeImg,0,0,bf.getWidth(),bf.getHeight(),null);

gs是创建出的画布,setBackground可以设置其背景色,也可以直接drawImage()将图片绘制进去。

gs.setColor(Color.BLACK);
gs.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP,1.0f));
gs.fillRect(j*mini+begin,i*mini+begin,mini,mini );
  • setColor用于设置画笔颜色。
  • setComposite用于设置透明度
  • fillRect是绘制动作,参数值为起始坐标和结束坐标。

3. "二维码的本质是_______"

二维码的本质是二进制表示数据

二维码的黑白格,其实就代表了0和1两位数据,我们只需要将数据转化为bytes数组,然后根据数组的0-1值直接绘制到图片上,即可生成相应的二维码。

byte []contentByte = "需要表示的数据".getBytes("utf-8");
boolean [][]cidesOut = qrcode.calQrcode(contentByte) ;

这样就可以生成一个cidesOut数组来表示二维码的黑白格。

qrcode是二维码的生成配置,容错率和Qrcode版本等。

Qrcode qrcode = new Qrcode();
qrcode.setQrcodeErrorCorrect('M');
qrcode.setQrcodeEncodeMode('B');
qrcode.setQrcodeVersion(3);

4. "黑白格衬衫!!!"

二维码的本质是黑白格衬衫!!!

双层for循环遍历cidesOut这个boolean数组,如果是true就绘制黑色。

 for(int i=0;i<cidesOut.length;i++){
    for(int j=0;j<cidesOut.length;j++){
        if(cidesOut[j][i]){
            gs.fillRect(j*mini+begin,i*mini+begin,mini,mini );
        }
    }
}

GIF动画帧绘制

1. "如何绘制一个GIF"

AnimatedGifEncoder e = new AnimatedGifEncoder();
e.setRepeat(0);
e.start(newPic);
BufferedImage src[] = new BufferedImage[pic.length];
for (int i = 0; i < src.length; i++) {
    e.setDelay(playTime); 
    src[i] = ImageIO.read(new File(pic[i])); 
    e.addFrame(src[i]);  //添加到帧中
}
e.finish();

首先定义一个GIF生成类.

AnimatedGifEncoder e = new AnimatedGifEncoder();

e.start(newPic);

newPic代表最后生成的gif文件名.

e.setDelay(playTime);

设置播放的延迟时间playTime.

e.setDelay(playTime);

src[i] = ImageIO.read(new File(pic[i]));
e.addFrame(src[i]);

最后将BufferedImage图片添加到帧中.

e.finish();

GIF
1.gif

2. "如何分解一个GIF"

  • 加载gif
GifDecoder gd = new GifDecoder();//要处理的图片
int status = gd.read(new FileInputStream(new File("marry.gif")));
if (status != GifDecoder.STATUS_OK) {
  return;
}
  • GIF帧数为gd.getFrameCount();

我们可以直接获取每一帧的图片并且保存到本地。

for (int i = 0; i < gd.getFrameCount(); i++) {
  //取得gif的每一帧
  BufferedImage frame = gd.getFrame(i);
  // 存储frame到本地
}

可以将一个GIF分解成帧之后,我们就可以将这一帧添加二维码,然后加入到一个新的GIF中了。

  for (int i = 0; i < gd.getFrameCount(); i++) {
    //取得gif的每一帧
    BufferedImage frame = gd.getFrame(i);
    Graphics2D gs = frame.createGraphics() ;
    gs.drawImage(frame,0,0,frame.getWidth(),frame.getHeight(),null);
    int qrLength = frame.getHeight()-2*frame.getHeight()/10 ;
    int mini = qrLength/cidesOut.length ;
    int begin = (frame.getWidth() - mini*cidesOut.length)/2 ;
    for(int k=0;k<cidesOut.length;k++){
      for(int j=0;j<cidesOut.length;j++){
        if(cidesOut[j][k]){
          gs.setColor(Color.BLACK);
          gs.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP,1.0f));
          gs.fillRect(j*mini+begin,k*mini+begin/4,mini,mini );
        }
      }
    }

  int delay = gd.getDelay(i);
  ge.setDelay(delay);
  ge.addFrame(frame);
原图 GIF
gif1.gif gif1-get.gif
原图 GIF
gif2.gif gif2-get.gif
原图 GIF
gif3.gif gif3-get.gif
目录
相关文章
|
2月前
|
算法 搜索推荐 Java
java 后端 使用 Graphics2D 制作海报,画echarts图,带工具类,各种细节:如头像切割成圆形,文字换行算法(完美实验success),解决画上文字、图片后不清晰问题
这篇文章介绍了如何使用Java后端技术,结合Graphics2D和Echarts等工具,生成包含个性化信息和图表的海报,并提供了详细的代码实现和GitHub项目链接。
129 0
java 后端 使用 Graphics2D 制作海报,画echarts图,带工具类,各种细节:如头像切割成圆形,文字换行算法(完美实验success),解决画上文字、图片后不清晰问题
|
4月前
|
Go Windows
知识卡片生成器:汇文明朝体让文字出彩
知识卡片生成器:汇文明朝体让文字出彩
143 1
|
5月前
|
PHP 数据安全/隐私保护 计算机视觉
ThinkPHP图片处理之压缩图片大小,图片处理之图片水印(添加平铺文字水印,并设置文字之间的间距和文字的角度)
ThinkPHP图片处理之压缩图片大小,图片处理之图片水印(添加平铺文字水印,并设置文字之间的间距和文字的角度)
104 1
|
7月前
|
Android开发 开发者
Android开发之通过渲染纹理展示地球仪
该文阐述了如何使用OpenGL为三维物体添加纹理,以增强其真实感。纹理坐标是二维的,用于标记摊平后的“布料”对应物体的哪个部位,类似裁缝制作衣服的过程。在OpenGL中,启用纹理和深度测试是关键,还包括设置纹理参数、分配纹理编号、绑定位图材质等步骤。计算材质的纹理坐标后,通过`glDrawArrays`结合顶点和纹理坐标逐个贴图。最终示例展示了将世界地图贴到球体上形成逼真的地球仪效果。通过控制旋转、平移和缩放,能实现简单的三维动画效果。
80 2
Android开发之通过渲染纹理展示地球仪
|
7月前
好看的网站自适应图片文字广告位代码
上边是图片广告位,下边是文字广告位,都是自适应的。 图片觉得不直观的可以去网站看看 代码从网上扒的,自己也修改了一下,更美观、也更适应网站。 一个好的广告位不仅不会拉低网站的颜值,还会增加广告主选择你的机会
174 2
好看的网站自适应图片文字广告位代码
|
小程序 JavaScript
微信小程序 - image 宽高自适应(图片无法自适应撑开标签)
微信小程序 - image 宽高自适应(图片无法自适应撑开标签)
733 0
|
前端开发
如何实现一个图片的伪预览效果
如何实现一个图片的伪预览效果
76 0
|
缓存 iOS开发 MacOS
万能动态滤镜GIF框架想不想要的?
Wintersweet是一款快速让控件播放GIF和添加过滤器的框架。
万能动态滤镜GIF框架想不想要的?
|
程序员
P站风格Logo生成器
一个快速生成P站风格的在线工具
4766 1
P站风格Logo生成器
|
前端开发
巧用 CSS 构建渐变彩色二维码
巧用 CSS 构建渐变彩色二维码
344 0
巧用 CSS 构建渐变彩色二维码