QR Widget Demo

This page loads the QR widget from the current directory.

<script src="https://cloud.paulwillard.nz/qr-code-widget/qrcode.js"></script>
<script src="https://cloud.paulwillard.nz/qr-code-widget/qr-url-widget.js"></script>
<script>
  CurrentUrlQrWidget.init({
    position: "bottom-right",
    offsetX: 24,
    offsetY: 24,
    size: 200,
    label: "Scan this page",
    buttonText: "Print this QR Code"
  });
</script>

Adjust the widget by changing the options passed to CurrentUrlQrWidget.init().

• position: use "top-left", "top-right", "bottom-left", or "bottom-right".
• offsetX and offsetY: move the widget away from the chosen edge in pixels.
• size: sets the QR image width and height in pixels.
• label: changes the text shown above the QR code.
• buttonText: changes the text on the print button.