(Avancé) Résumé de la façon de générer un code QR avec logo en PHP

黄舟
Libérer: 2023-03-05 13:56:01
original
1462 Les gens l'ont consulté

1. Bibliothèques de classes utilisées

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 :

Tout d'abord télécharger 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

Utiliser qrcode .js génère 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 :

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
Introduisez jquery.qrcode.js puis écrivez-le vous-même. Ce code js, après exécution, le QR code peut être affiché et traité

Il s'agit principalement du format de référence du logo au milieu du QR code Généralement, là. existe deux formats pour prendre des photos locales : l'un est l'URL locale, et l'autre Il s'agit de 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é qu'il pouvait référencez uniquement l'image dans le même répertoire que le fichier js, donc le format d'URL local n'était pas pris en charge, j'ai donc adopté cette dernière méthode.

Utilisez

<input accept="image/*" type="file" id="file_input">
Copier après la connexion
pour télécharger l'image locale sélectionnée, puis prenez son format base64


var input = document.getElementById("file_input");  
if(typeof FileReader===&#39;undefined&#39;){  
input.setAttribute(&#39;disabled&#39;,&#39;disabled&#39;);}else{  
input.addEventListener(&#39;change&#39;,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){    
$(&#39;#image&#39;).attr(&#39;src&#39;,this.result);//image为img标签的id  
}}
Copier après la connexion
pour lire le fichier sous forme de chaîne de données Chaînes d'URL, lisez le petit fichier directement dans la page avec une adresse URL dans un format spécial. Ce format spécial est base64

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 en 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 des images sur le serveur, occupant ainsi un espace inutile. , et leur suppression entraînera également des frais supplémentaires. 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 frais inutiles. La surcharge nécessaire ne provoquera pas l'accumulation d'images sur le serveur et n'occupera pas d'espace inutile.

Ce qui précède est le résumé (avancé) de la méthode de génération de codes QR avec logos en PHP Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !


É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