Comment synthétiser des images de code QR complexes avec Java ZXing

Idée générale :

Introduire l'interface de génération de code QR mature de zxing pour générer des fichiers de code QR standard, ajouter des descriptions textuelles pertinentes aux codes QR via l'API de traitement d'images graphiques Java et ajouter des arrière-plans pertinents aux images synthétisées si nécessaire. L'exemple est le suivant :

• 1. Prenons un bitmap comme exemple. Le code de base pour générer une image de code QR est le suivant

        /**
         * 定义二维码的参数
         */
        HashMap<EncodeHintType, Object> hints = new HashMap();
        //指定字符编码为“utf-8”
        hints.put(EncodeHintType.CHARACTER_SET, "utf-8");
        //指定二维码的纠错等级为中级
        hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);
        //设置图片的边距
        hints.put(EncodeHintType.MARGIN, 1);
        /**
         * 生成二维码
         */
        try {
            BitMatrix bitMatrix = new MultiFormatWriter().encode(content, BarcodeFormat.QR_CODE, QRCODE_WIDTH, QRCODE_HEIGHT, hints);
            Path file = new File(filePath).toPath();
            MatrixToImageWriter.writeToPath(bitMatrix, format, file);
        } catch (Exception e) {
            log.error("二维码生成出错:/permitDownload: error", e);
        }

• 2. code

    /**
     * 给二维码下方添加说明文字
     *
     * @param image 原二维码
     * @param topText  顶部说明文字
     * @param downText 底部说明文字
     * @return 带说明文字的二维码
     */
    private static BufferedImage addNote(BufferedImage image, String topText, String downText) {
        Image src = image.getScaledInstance(QRCODE_WIDTH, QRCODE_HEIGHT, Image.SCALE_DEFAULT);
        BufferedImage tag = new BufferedImage(QRCODE_WIDTH, IMAGE_HEIGHT, BufferedImage.TYPE_INT_RGB);
        Graphics2D g2 = tag.createGraphics();//设置文字
        g2.setColor(Color.BLACK);
        g2.setBackground(Color.WHITE);
        g2.clearRect(0,0,QRCODE_WIDTH, IMAGE_HEIGHT);
        //设置顶部文本并计算坐标
        // 保证操作系统包含“宋体”字体，如果没有上传字体至JAVA_HOME/jre/lib/fonts下
        FontMetrics fm = getFontByWidth(new Font("宋体", Font.PLAIN, DEFAULT_FONT_SIZE), topText, g2);
        //文字的宽度
        int fontWidth = fm.stringWidth(topText);
        //文字高度
        int fontHeight = fm.getHeight();
        /**
         * 顶部添加文字并居中
         */
        g2.drawString(topText, (QRCODE_WIDTH - fontWidth) / 2,  (TEXT_DEFAULT_HEIGHT - fontHeight) / 2 + fm.getFont().getSize());
        /**
         * 绘制二维码
         */
        g2.drawImage(src, 0, TEXT_DEFAULT_HEIGHT, null);
        // 设置底部文字字体并计算坐标
        // 保证操作系统包含“宋体”字体，如果没有上传字体至JAVA_HOME/jre/lib/fonts下
        fm = getFontByWidth(new Font("宋体", Font.PLAIN, DEFAULT_FONT_SIZE), downText, g2);
        //文字的宽度
        fontWidth = fm.stringWidth(downText);
        //文字高度
        fontHeight = fm.getHeight();
        /**
         * 添加底部文字
         */
        g2.drawString(downText, (QRCODE_WIDTH - fontWidth) / 2,  QRCODE_HEIGHT + TEXT_DEFAULT_HEIGHT+(TEXT_DEFAULT_HEIGHT - fontHeight) / 2 + fm.getFont().getSize());
        g2.dispose();
        image = tag;
        image.flush();
        return image;
    }

Point de connaissance : La longueur du texte en bas changera. La conception actuelle ne met qu'une seule ligne de texte, donc la taille du texte sera modifiée dynamiquement en fonction du nombre de mots. dans une plage raisonnable (pas trop petite pour être reconnue). En utilisant l'objet FontMetrics, ce point sera utile à la plupart des étudiants. Aide

• 3. La dernière étape consiste à combiner la carte de base bleue et l'image du code QR, et c'est tout.

Synthèse d'image en quatre étapes

• Étape 1 : Créez un canevas, vous devez définir la largeur et la hauteur du canevas, l'unité doit être en pixels

      /**
       * 根据文字长度改变文字大小
       *
       * @param font 默认字体
       * @param note 文字内容
       * @param g2 图像画布
       * @return 处理后的字体封装
       */
      private static FontMetrics getFontByWidth(Font font, String note, Graphics2D g2) {
          FontMetrics fm = g2.getFontMetrics(font);
          int textWidth = fm.stringWidth(note);//文字的宽度
          if (textWidth > QRCODE_WIDTH) {
              int fontSize = (int) ((TEMP_PARAM / textWidth) * font.getSize());
              font = new Font(font.getName(), font.getStyle(), fontSize);
          }
          g2.setFont(font);
          return g2.getFontMetrics(font);
      }

  Copier après la connexion
Étape 2 : Créez un objet graphique Graphics2D sur le canevas, vous pouvez l'utiliser en fonction de votre connaissance des images Cliquez pour comprendre les paramètres tels que l'arrière-plan, le premier plan, la bordure, la largeur et d'autres informations

BufferedImage tag = new BufferedImage(QRCODE_WIDTH, IMAGE_HEIGHT, BufferedImage.TYPE_INT_RGB);

Étape 3 : Synthétiser les images, l'ordre d'ajout des images, la taille de l'image et la position des coordonnées pendant le processus. affectera l'effet de présentation final. Si l'effet final ne répond pas aux exigences de conception, l'ajustement de ces trois paramètres aidera certainement

Graphics2D g2 = tag.createGraphics();//设置文字

Étape 4 : Générer la nouvelle image finale

Image src = image.getScaledInstance(QRCODE_WIDTH, QRCODE_HEIGHT, Image.SCALE_DEFAULT);
...
 /**
* 绘制二维码
 */
g2.drawImage(src, 0, TEXT_DEFAULT_HEIGHT, null);

La deuxième image est la même que la première image, sauf que le texte [2. Ajoutez le code QR Changez simplement l'ordre du texte du haut, du milieu et du bas vers la gauche et la droite

Pièges

Les pixels et la taille de l'image d'arrière-plan doivent correspondre au code QR, sinon le rapport entre le code QR et l'arrière-plan sera sérieux. Le code QR est mal ajusté ou l'affichage du code QR est incomplet

Le code QR ajoute un environnement de développement de texte tronqué (windows), un environnement de test (version serveur centos). Il n'y a aucun problème de développement et de test locaux. Après l'empaquetage et le déploiement sur le serveur, tous les caractères chinois apparaissent tronqués (divers transcodages, paramètres de police, débogage pendant une longue période) et le problème n'a toujours pas changé. Finalement, j'ai soudainement eu une idée et j'ai soupçonné qu'il s'agissait d'un problème de police système. J'ai vérifié les informations de police de l'environnement de test (centos) et effectivement il n'y avait pas de "Songti". Je l'ai défini sur la police propre ou par défaut du système, mais le problème persiste toujours. Enfin, copiez la police du système de développement (c:windowsfontssimsun.ttc) vers le système de test (JAVA_HOME/jre/libs/fonts) et redémarrez l'application, et le problème est parfaitement résolu. Il est un peu difficile de préparer les polices pour l'installation et le déploiement du système. Je ne sais pas s'il existe une meilleure façon d'inclure les polices logiques et les polices physiques.
Le projet avec un problème de chargement de l'image d'arrière-plan est un projet Springboot. L'image d'arrière-plan est stockée dans le dossier des ressources. Aucune exception n'a été trouvée lors du développement et des tests locaux. Après l'empaquetage et le déploiement sur le serveur, l'image d'arrière-plan est introuvable. . Le code original est le suivant

•     /**
       * 给二维码图片添加背景图片
       *
       * @param qrPic   二维码
       * @param backImage 背景图片
       */
      private static void createNewPng(File qrPic, BufferedImage backImage) {
          try {
              if (!qrPic.isFile()) {
                  log.error("二维码临时路径不存在！");
              }
              /**
               * 读取背景图片，并构建绘图对象--画布
               */
              Graphics2D g = backImage.createGraphics();
              /**
               * 读取二维码图片
               */
              BufferedImage qrcodeImage = ImageIO.read(qrPic);
              //开始绘制图片
              g.drawImage(qrcodeImage, 48, 120, qrcodeImage.getWidth(), qrcodeImage.getHeight(), null);
              g.dispose();
              ImageIO.write(backImage, "png", qrPic);
          } catch (Exception e) {
              log.error("绘制二维码出错！");
          }
      }

  Copier après la connexion
Trouvez-le en ligne J'ai utilisé toutes les méthodes de chargement d'images, mais elles n'ont aucun effet Finalement, je l'ai changé en flux d'entrée, et la synthèse d'image est normale. est le suivant

•         String backFilePath = "template/down.png";
          ClassPathResource resource = new ClassPathResource(backFilePath);
          File file = resource.getFile();

  Copier après la connexion

  Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!