Skip to content

Files

Latest commit

 

History

History
104 lines (80 loc) · 2.81 KB

QRMarkupHTML.md

File metadata and controls

104 lines (80 loc) · 2.81 KB

QRMarkupHTML

Class QRMarkupHTML: HTML output

This class is a cheap markup substitute for when SVG is not available or not an option (which was an issue before ca 2012). As a general rule: if you plan to display the QR Code in a web browser, you should be using the SVG output.

Example

See: HTML example

Set the options:

$options = new QROptions;

$options->outputInterface = QRMarkupHTML::class;
$options->cssClass        = 'qrcode';
$options->moduleValues    = [
	// finder
	QRMatrix::M_FINDER_DARK    => '#A71111', // dark (true)
	QRMatrix::M_FINDER_DOT     => '#A71111', // finder dot, dark (true)
	QRMatrix::M_FINDER         => '#FFBFBF', // light (false)
	// alignment
	QRMatrix::M_ALIGNMENT_DARK => '#A70364',
	QRMatrix::M_ALIGNMENT      => '#FFC9C9',
];

Output in a HTML document (via PHP):

<?php

$data = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ';
$out  = (new QRCode($options))->render($data);

header('Content-type: text/html');

?>
<!DOCTYPE html>
<html lang="none">
<head>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<title>QRCode HTML Example</title>
	<style>
		div.qrcode{
			margin: 1em;
		}

		/* rows */
		div.qrcode > div {
			height: 10px;
		}

		/* modules */
		div.qrcode > div > span {
			display: inline-block;
			width: 10px;
			height: 10px;
		}
	</style>
</head>
<body>
<!-- php poutput -->
<?php echo $out; ?>
</body>
</html>

Additional methods

method return description
(protected) createMarkup(bool $saveToFile) string Returns the fully parsed and rendered markup string for the given input
(protected) getCssClass(int $M_TYPE = 0) string Returns a string with all css classes for the current element

Options that affect this module

property type
$cssClass string
$eol string

Options that have no effect

property reason
$bgColor via CSS
$circleRadius N/A
$connectPaths N/A
$drawCircularModules N/A
$drawLightModules N/A
$excludeFromConnect N/A
$imageTransparent N/A
$keepAsSquare N/A
$outputBase64 N/A
$returnResource N/A
$scale via CSS