Maison > développement back-end > tutoriel php > Méthode d'implémentation de génération de code QR avec logo en PHP

Méthode d'implémentation de génération de code QR avec logo en PHP

墨辰丷
Libérer: 2023-03-29 16:16:02
original
3095 Les gens l'ont consulté

Cet article vous donne une introduction comparative à deux méthodes couramment utilisées pour générer des codes QR avec des logos. C'est très pratique. Les amis dans le besoin peuvent choisir en fonction de leurs propres besoins

1. utilisé

1. phpqrcode (bibliothèque php)

2 qrcode.js (bibliothèque javascript)

2. 🎜>Utilise uniquement la bibliothèque de classes PHP, c'est-à-dire que la génération de codes QR s'effectue en arrière-plan. Parce que vous souhaitez générer un code QR avec un logo en arrière-plan, vous devez d'abord télécharger l'image du logo sur le serveur (j'ai utilisé webuploader pour le téléchargement)

Comment utiliser phpqrcode :

D'abord téléchargez phpqrcode : http://phpqrcode.sourceforge.net/

Pensez ensuite à introduire le fichier phpqrcode.php avant de l'utiliser

$value = $url;//二维码内容 
$errorCorrectionLevel = 'L';//设置容错级别 
$matrixPointSize = $size;//生成图片大小 
QRcode::png($value, 'public_files'.DIRECTORY_SEPARATOR .'code'.DIRECTORY_SEPARATOR .'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);//生成二维码图片 无logo
$logo = $tar_path;//上传至服务器的logo图片 
$QR = 'public_files'.DIRECTORY_SEPARATOR .'code'.DIRECTORY_SEPARATOR .'qrcode.png';//已经生成的原始二维码图
 
if ($logo !== FALSE) {
  $QR = imagecreatefromstring(file_get_contents($QR));
  $logo = imagecreatefromstring(file_get_contents($logo));
  $QR_width = imagesx($QR);//二维码图片宽度
  $QR_height = imagesy($QR);//二维码图片高度
  $logo_width = imagesx($logo);//logo图片宽度
  $logo_height = imagesy($logo);//logo图片高度
  $logo_qr_width = $QR_width / 5;
  $scale = $logo_width/$logo_qr_width;
  $logo_qr_height = $logo_height/$scale;
  $from_width = ($QR_width - $logo_qr_width) / 2;
  imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width,
    $logo_qr_height, $logo_width, $logo_height);
}
$name = time();
imagepng($QR, 'public_files'.DIRECTORY_SEPARATOR .'code'.DIRECTORY_SEPARATOR .$name.'.png');//输出带logo的二维码图片
Copier après la connexion
3. Utilisation de qrcode.js.

Utilisez qrcode.js pour générer directement des codes QR sur le front-end Vous devez d'abord télécharger jquery.qrcode.js

L'utilisation de qrcode est également très simple :

Introduisez jquery.qrcode .js puis écrivez vous-même ce code js Après exécution, le code QR peut être affiché et traité
var length = size*80;//设置二维码大小
length = parseInt(length);
$("#code_img").qrcode({ //code_img是一个img标签的id
  render : "canvas",  //设置渲染方式,有table和canvas,使用canvas方式渲染性能相对来说比较好
  text : url,  //扫描二维码后显示的内容,可以直接填一个网址,扫描二维码后自动跳向该链接
  width : length,       //二维码的宽度
  height : length,
  background : "#ffffff",    //二维码的后景色
  foreground : "#000000",    //二维码的前景色
  src: $('#image').attr('src')       //二维码中间的图片
});
Copier après la connexion

Il s'agit principalement du format de référence du logo au milieu du. Code QR. Généralement, il existe deux formats pour prendre des photos locales : l'un est l'URL locale, l'autre consiste à convertir l'image au format base64

Au début, j'ai essayé le format d'URL locale pour référencer l'image, et j'ai trouvé. que je ne pouvais référencer l'image que dans le même répertoire que le fichier js, donc le format d'URL local n'est pas pris en charge, j'ai donc adopté cette dernière méthode.

Utilisez

pour télécharger et sélectionner une image locale, et puis prenez-le Le format base64

lit le fichier comme une chaîne de chaînes d'URL de données et lit le petit fichier directement dans la page avec une adresse URL dans un format spécial. Ce format spécial est base64
var input = document.getElementById("file_input");
 
if(typeof FileReader==='undefined'){
  input.setAttribute('disabled','disabled');
}else{
  input.addEventListener('change',readFile,false);
}
 
function readFile(){
  var file = this.files[0];
  if(!/image\/\w+/.test(file.type)){
    alert("文件必须为图片!");
    return false;
  }
  var reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onload = function(e){
    $('#image').attr('src',this.result);//image为img标签的id
  }
}
Copier après la connexion

3. Comparaison entre deux bibliothèques de classes

Deux bibliothèques de classes, l'une fonctionne en arrière-plan et l'autre fonctionne directement en front-end.

phpqrcode génère des codes QR et fonctionne en arrière-plan, et les images générées sont enregistrées sur le serveur. Généralement, le code QR généré est enregistré directement sur le serveur local puis utilisé directement. Il est rare d'aller sur le serveur pour l'obtenir une deuxième fois. Par conséquent, l'utilisation de phpqrcode entraînera l'accumulation d'images sur le serveur, occupant ainsi une place inutile. de l'espace, et leur suppression coûtera également de l'argent supplémentaire. L’utilisation de phpqrcode n’est donc pas adaptée à cet outil de génération de code QR. De plus, le téléchargement d'images générera également une surcharge supplémentaire

qrcode.js fonctionne directement sur le front-end. Les images téléchargées sont directement enregistrées dans le navigateur et le code QR est généré directement sur le front-end sans aucune intervention en arrière-plan. , ce qui réduit les coûts inutiles. La surcharge nécessaire n'entraînera pas l'accumulation d'images sur le serveur et n'occupera pas d'espace inutile.

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

Recommandations associées :

php Comment lire, écrire et modifier des fichiers json

php Implémentation de la méthode d'interception d'images vidéo spécifiées en images

Entrée de base aux expressions régulières PHP

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal