Skip to content

Instantly share code, notes, and snippets.

@NTICompass
Created October 13, 2011 03:10
Show Gist options
  • Save NTICompass/1283249 to your computer and use it in GitHub Desktop.
Save NTICompass/1283249 to your computer and use it in GitHub Desktop.
QR Code + Logo Generator
<?php
/**
* QR Code + Logo Generator
*
* http://labs.nticompassinc.com
*/
$data = isset($_GET['data']) ? $_GET['data'] : 'http://labs.nticompassinc.com';
$size = isset($_GET['size']) ? $_GET['size'] : '200x200';
$logo = isset($_GET['logo']) ? $_GET['logo'] : FALSE;
header('Content-type: image/png');
// Get QR Code image from Google Chart API
// http://code.google.com/apis/chart/infographics/docs/qr_codes.html
$QR = imagecreatefrompng('https://chart.googleapis.com/chart?cht=qr&chld=H|1&chs='.$size.'&chl='.urlencode($data));
if($logo !== FALSE){
$logo = imagecreatefromstring(file_get_contents($logo));
$QR_width = imagesx($QR);
$QR_height = imagesy($QR);
$logo_width = imagesx($logo);
$logo_height = imagesy($logo);
// Scale logo to fit in the QR Code
$logo_qr_width = $QR_width/3;
$scale = $logo_width/$logo_qr_width;
$logo_qr_height = $logo_height/$scale;
imagecopyresampled($QR, $logo, $QR_width/3, $QR_height/3, 0, 0, $logo_qr_width, $logo_qr_height, $logo_width, $logo_height);
}
imagepng($QR);
imagedestroy($QR);
?>
@MysticWeb
Copy link

Awesome job. Is there a way I can add a Title (at the bottom)?

@NTICompass
Copy link
Author

NTICompass commented Mar 23, 2022

@MysticWeb You'll need to give it a font file, but you can try to use imagettftext to add text to the image. You might want to resize the output image so the text doesn't cover the QR code.

@MysticWeb
Copy link

@NTICompass
image
I have tried the following code (image attached) but still no writing is showing up

@NTICompass
Copy link
Author

NTICompass commented Mar 23, 2022

@MysticWeb imagettftext doesn't require imageloadfont. You just want

imagettftext($im, 20, 0, 10, 20, $black, 'fonts/Ubuntu-Regular.ttf', $text);

There is also imagestring which has a different set of parameters this does require imageloadfont):

imagestring($im, $font, 10, 20, $text, $black);

@MysticWeb
Copy link

MysticWeb commented Mar 23, 2022

@NTICompass Still none of these are working. I even tried moving the font file to the local directory. Still no luck. Here is my page code. I have commented out the QR generation itself incase the other image was somehow going behind it. The QR all works perfectly

image
image
image
image
image

@NTICompass
Copy link
Author

@MysticWeb I can try to have a look at this later. I haven't really thought about this code in a while, but I'm sure I can help when I am not busy at work :)

@MysticWeb
Copy link

@NTICompass Thank you very much. Sorry to bother you (at work) and I do appreciate your time and the fact this was written a long time ago

@melhergui
Copy link

Everything is working like a charm, thank you!

@LaurCzT
Copy link

LaurCzT commented Feb 21, 2023

Thanks for your code. :D i manage to build a simple PHP CMS using a bootstrap admin template to manage my QR codes based on your code and idea from @MysticWeb using MySQL 👍
but i skipped the idea of creating the qr .png file on host since you still need internet and google to use your code

@AzizanNur
Copy link

how to image qrcode this, to use in sending email? can you help me?

@AnibalDuarte
Copy link

how to image qrcode this, to use in sending email? can you help me?

@AzizanNur you can get the imagepng($QR) result, base64 it then use as raw content on img src.

@phpgenefied
Copy link

thanks for sharing this. worked without any issue

@nichtsooft
Copy link

Thanks for that lovely snippet! 🙏🏻

I wonder if there's a way to output a SVG-file?
Has anyone an idea? 🤔

@NTICompass
Copy link
Author

@nichtsooft The GD extension doesn't have built-in SVG export support, but there are probably external libraries that support this.

Though, since this code uses chart.googleapis.com to get QR images, converting to an SVG won't really give you what you expect.

I'd suggest finding an API/library that can generate QR code SVGs directly.

@nichtsooft
Copy link

nichtsooft commented Jun 3, 2023

@nichtsooft The GD extension doesn't have built-in SVG export support, but there are probably external libraries that support this.

Though, since this code uses chart.googleapis.com to get QR images, converting to an SVG won't really give you what you expect.

I'd suggest finding an API/library that can generate QR code SVGs directly.

Thank you for the clarification!!! 👍🏻

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment