v3.0 Local Rendering Engine
Frame: Mobile
This tool operates as a 100% client-side rendering engine. It requires no backend APIs, ensuring your data and tracking parameters remain secure. Below is the documentation for the 20 advanced features implemented in this build.
Switches the QR engine logic. "Link" generates a standard URL for chatting. "vCard" compiles a raw VCF string so scanning the QR code instantly prompts the user to save your contact info.
Allows selection between Modern (wa.me), Legacy Web (api.whatsapp), and Native App Intent (whatsapp://) depending on where the link is being deployed.
Injects high-converting, psychologically tested copy into the message box instantly based on industry (E-com, Real Estate, Support).
Silently formats Source, Medium, and Campaign variables and appends them to the end of the message string. Example: [Ref: ig|story|summer]. Essential for CRM attribution.
Overrides the default Canvas text rendering logic, allowing internationalization or specific call-to-action testing (e.g., "GET 50% OFF").
Renders a vector-styled badge (Verified, Sale, 24/7) on the canvas above the headline to increase scan trust and conversion rates.
Dynamically swaps the ctx.font family across the entire canvas between sans-serif, grotesque, and monospace formats to match brand guidelines.
Recalculates the X-axis drawing coordinates (Left, Center, Right) for all text elements to support varied design layouts.
Procedurally generates backgrounds using Canvas API primitives. "Mesh" uses radial gradients, "Dots" runs a loop matrix, and "Wave" draws a bezier curve.
Resizes the internal canvas memory (1:1, 9:16, 16:9) and recalculates all Y-axis element positioning to ensure perfect proportions for different social networks.
Inverts the Canvas fillStyle for background and typography layers, allowing rapid generation of day/night ad variants.
Interacts with the QRious library to manipulate Error Correction Levels (L/M/Q/H) and inject custom Hex colors for the foreground and background matrices.
Fetches an external image URL and draws it precisely in the center of the generated QR code, utilizing High ECL to ensure the code remains scannable.
Applies ctx.shadowBlur properties dynamically and adjusts the global boundary margins inside the canvas rendering loop based on slider inputs.
Switches the CSS wrapper of the preview canvas between a CSS-drawn Smartphone (notch) and a Monitor (stand) based on the Aspect Ratio selected.
Utilizes HTML5 toDataURL() with user-selected MIME types and scale multipliers for HD printing. Saves recent links to localStorage.