VisualNEO Web

QR code generator

Based on:
https://github.com/kozakdenys/qr-code-styling

 Description

The neoQR2 plugin for VisualNEO Web extends QR code generation functionality with advanced styling options, allowing for highly customizable QR codes. It’s based on qr-code-styling and is ideal for creating visually distinctive QR codes for branding or special use cases in applications. Here’s a breakdown of its features and applications:

Generating QR Codes with neoQR2

The neoQR2 command creates a QR code with customizable colors and dot styles, adding a personalized touch to standard QR codes.

• Command: neoQR2
• Syntax: neoQR2 "objId" "theText" "theDark" "theLight" theDots
• objId: The container object where the QR code is displayed.
• theText: The data encoded in the QR code (e.g., URL or text).
• theDark: Color of the QR code dots (e.g., #000000).
• theLight: Background color of the QR code (e.g., #ffffff).
• theDots: Dot style, allowing customization for visual effect.

Example:

neoQR2 "qrContainer" "https://example.com" "#000000" "#ffffff" "square"

This generates a QR code with black square dots on a white background, encoding the URL https://example.com​.

Advanced QR Code Customization with neoQR2Plus

The neoQR2Plus command allows for additional customization, including corner colors, corner shapes, and optional logos. This is especially useful for branding, where colors and logos can reinforce brand identity in the QR code.

• Command: neoQR2Plus
• Syntax: neoQR2Plus "objId" "theText" "theDark" "theLight" "theCornerColor" theDots theCornerSquareType theCornerDotsType "theImage"
• theCornerColor: Color of the QR code’s corner elements.
• theCornerSquareType and theCornerDotsType: Corner styling options.
• theImage: Optional logo image in the center of the QR code.

Example:

neoQR2Plus "qrContainer" "https://example.com" "#000000" "#ffffff" "#ff0000" "circle" "dot" "square" "logo.png"

This creates a QR code with black circle dots, red corners, a square corner shape, and a logo at the center.

Practical Applications

The neoQR2 plugin is perfect for:

• Branded QR Codes: Custom colors and logos for use in marketing materials.
• Event Passes and Tickets: Generating visually distinct QR codes for quick recognition.
• Educational Tools: Creating QR codes with style variations for interactive learning experiences.

With advanced styling and branding options, neoQR2 empowers developers to go beyond standard QR codes, enhancing user engagement through personalized design​.

neoQR2

neoQR2Plus

neoQR2Download

Created with the Personal Edition of HelpNDoc: Effortlessly optimize your documentation website for search engines