createQr

2023-01-13 14:28:52 +01:00
parent 920ad6ffdb
commit 29a0bb18b7
2 changed files with 73 additions and 4 deletions
--- a/docs/qr.html
+++ b/docs/qr.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>QR Code Styling</title>
+    <script type="text/javascript" src="https://unpkg.com/qr-code-styling@1.5.0/lib/qr-code-styling.js"></script>
+</head>
+<body>
+<div id="canvas"></div>
+<script type="text/javascript">
+
+    const qrCode = new QRCodeStyling({
+        width: 200,
+        height: 200,
+        type: 'canvas',
+        data: "https://hope-fly.de/dog/test__",
+        image: "",
+        dotsOptions: {
+            color: "#000",
+            type: "square"
+        },
+		backgroundOptions: {
+            color: "#fff",
+        },
+        imageOptions: {
+            crossOrigin: "anonymous",
+            margin: 0
+        },
+	    cornersSquareOptions: 
+        {
+            type: "extra-rounded",
+        }
+
+    });
+
+    qrCode.append(document.getElementById("canvas"));
+	const div_canvas = document.getElementById('canvas');
+	const canvas = div_canvas.lastChild;
+	
+	canvas.toBlob((blob) => 
+    {
+        const file = URL.createObjectURL(blob);
+        console.log(blob);
+        console.log(file); 
+    });
+
+	
+	
+    qrCode.download({ name: "qr", extension: "png" });
+</script>
+</body>
+</html>