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

简介: 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
目录
相关文章
|
6月前
|
前端开发 算法 网络安全
图片滑块验证功能很难吗?做个可以自己抠形状的图片滑块验证组件
图片滑块验证功能很难吗?做个可以自己抠形状的图片滑块验证组件
145 0
|
4月前
|
PHP 数据安全/隐私保护 计算机视觉
ThinkPHP图片处理之压缩图片大小,图片处理之图片水印(添加平铺文字水印,并设置文字之间的间距和文字的角度)
ThinkPHP图片处理之压缩图片大小,图片处理之图片水印(添加平铺文字水印,并设置文字之间的间距和文字的角度)
78 1
|
6月前
|
JavaScript 容器
富文本的图片添加点击放大功能
思路:富文本加载后,dom出全部img元素,然后各自单独添加点击事件
247 3
|
存储 人工智能 前端开发
前端合成海报并保存到本地
前端合成海报并保存到本地
82 0
|
Web App开发 移动开发 前端开发
移动端图片操作(二)——预览、旋转、合成
在上一节中已经提到了预览,预览可以通过data: URL格式或URL对象。
移动端图片操作(二)——预览、旋转、合成
|
前端开发 开发者
|
前端开发
如何实现一个图片的伪预览效果
如何实现一个图片的伪预览效果
73 0
|
缓存 iOS开发 MacOS
万能动态滤镜GIF框架想不想要的?
Wintersweet是一款快速让控件播放GIF和添加过滤器的框架。
万能动态滤镜GIF框架想不想要的?
|
Java
全网首发:JDK绘制文字:六、字符对应的字体图像加载流程
全网首发:JDK绘制文字:六、字符对应的字体图像加载流程
99 0
|
JavaScript
使用 jQuery 操作页面元素的方法,实现浏览大图片的效果,在页面上插入一幅小图片,当鼠标悬停到小图片上时,在小图片的右侧出现与之相对应的大图片
使用 jQuery 操作页面元素的方法,实现浏览大图片的效果,在页面上插入一幅小图片,当鼠标悬停到小图片上时,在小图片的右侧出现与之相对应的大图片
268 0
使用 jQuery 操作页面元素的方法,实现浏览大图片的效果,在页面上插入一幅小图片,当鼠标悬停到小图片上时,在小图片的右侧出现与之相对应的大图片