✨ randomly colored dots example (#136)

2026-08-30 12:07:32 +00:00 · 2022-07-09 17:43:08 +02:00
parent 07cb751ee0
commit 9d309e2ff8
1 changed files with 149 additions and 0 deletions
@@ -0,0 +1,149 @@
+<?php
+/**
+ * @created      09.07.2022
+ * @author       Smiley <smiley@chillerlan.net>
+ * @copyright    2022 Smiley
+ * @license      MIT
+ *
+ * @see https://github.com/chillerlan/php-qrcode/discussions/136
+ *
+ * @noinspection PhpIllegalPsrClassPathInspection
+ */
+
+use chillerlan\QRCode\Common\EccLevel;
+use chillerlan\QRCode\Data\QRMatrix;
+use chillerlan\QRCode\Output\QRMarkupSVG;
+use chillerlan\QRCode\{QRCode, QROptions};
+
+require_once __DIR__.'/../vendor/autoload.php';
+
+/*
+ * Class definition
+ */
+
+// the extended SVG output module
+class RandomDotsSVGOutput extends QRMarkupSVG{
+
+	/**
+	 * To alter the layer a module appears on, we need to re-implement the collection method
+	 *
+	 * @inheritDoc
+	 */
+	protected function collectModules(Closure $transform):array{
+		$paths = [];
+
+		// collect the modules for each type
+		foreach($this->matrix->matrix() as $y => $row){
+			foreach($row as $x => $M_TYPE){
+				$M_TYPE_LAYER = $M_TYPE;
+
+				if($this->options->connectPaths
+				   && $this->matrix->checkTypeNotIn($x, $y, $this->options->excludeFromConnect)
+				){
+					// to connect paths we'll redeclare the $M_TYPE_LAYER to data only
+					$M_TYPE_LAYER = QRMatrix::M_DATA;
+
+					if($this->matrix->check($x, $y)){
+						$M_TYPE_LAYER |= QRMatrix::IS_DARK;
+					}
+				}
+
+				// randomly assign another $M_TYPE_LAYER for the given types
+				// note that the layer id has to be an integer value,
+				// ideally outside of the several bitmask values
+				if($M_TYPE_LAYER === (QRMatrix::M_DATA | QRMatrix::IS_DARK)){
+					$M_TYPE_LAYER = array_rand($this->options->dotColors);
+				}
+
+				// collect the modules per $M_TYPE
+				$paths[$M_TYPE_LAYER][] = $transform($x, $y, $M_TYPE, $M_TYPE_LAYER);
+			}
+		}
+
+		// beautify output
+		ksort($paths);
+
+		return $paths;
+	}
+
+}
+
+// the extended options with the $dotColors option
+class RandomDotsOptions extends QROptions{
+
+	/**
+	 * a map of $M_TYPE_LAYER => color
+	 *
+	 * @see \array_rand()
+	 */
+	protected array $dotColors = [];
+
+}
+
+
+/*
+ * Runtime
+ */
+
+// our custom dot colors
+$dotColors = [
+	111 => '#e2453c',
+	222 => '#e07e39',
+	333 => '#e5d667',
+	444 => '#51b95b',
+	555 => '#1e72b7',
+	666 => '#6f5ba7',
+];
+
+// generate the CSS for the several colored layers
+$layerColors = '';
+
+foreach($dotColors as $layer => $color){
+	$layerColors .= sprintf("\n\t\t.qr-%s{ fill: %s; }", $layer, $color);
+}
+
+// prepare the options
+$options = new RandomDotsOptions([
+	'dotColors'           => $dotColors,
+	'svgDefs'             => '
+	<style><![CDATA[
+		.light{ fill: #dedede; }
+		.dark{ fill: #424242; }
+		'.$layerColors.'
+	]]></style>',
+
+	'version'             => 5,
+	'eccLevel'            => EccLevel::H,
+	'addQuietzone'        => true,
+	'imageBase64'         => false,
+	'outputType'          => QRCode::OUTPUT_CUSTOM,
+	'outputInterface'     => RandomDotsSVGOutput::class,
+	'markupDark'          => '',
+	'markupLight'         => '',
+	'imageTransparent'    => true,
+
+	'connectPaths'        => true,
+	'excludeFromConnect'  => [
+		QRMatrix::M_FINDER|QRMatrix::IS_DARK,
+		QRMatrix::M_FINDER_DOT|QRMatrix::IS_DARK,
+		QRMatrix::M_ALIGNMENT|QRMatrix::IS_DARK,
+	],
+
+	'drawCircularModules' => true,
+	'circleRadius'        => 0.4,
+	'keepAsSquare'        => [
+		QRMatrix::M_FINDER|QRMatrix::IS_DARK,
+		QRMatrix::M_FINDER_DOT|QRMatrix::IS_DARK,
+		QRMatrix::M_ALIGNMENT|QRMatrix::IS_DARK,
+	],
+
+]);
+
+// dump the output
+if(php_sapi_name() !== 'cli'){
+	header('content-type: image/svg+xml');
+}
+
+echo (new QRCode($options))->render('https://www.youtube.com/watch?v=dQw4w9WgXcQ');
+
+exit;