qr-code

Transforms a URL into a scannable QR code image using qrcodejs on a canvas.

Updated Apr 9, 2026

Search Tags:#javascript #image #canvas #url #generator #qr-code #qr

Ready to run

npx skills add https://github.com/shfahiim/inferEdge --skill qr-code-shfahiim

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: qr-code
Source: https://github.com/shfahiim/inferEdge/tree/main/Android/src/app/src/main/assets/skills/qr-code
Command: npx skills add https://github.com/shfahiim/inferEdge --skill qr-code-shfahiim

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires qrcodejs, and includes scripts (resource) components.

What problem does it solve?

Generating a quick, device-friendly QR code from a URL for easy sharing and offline accessibility.

Core Features & Use Cases

Generates a QR code image from a given URL at a fixed size (512x512) suitable for screens, print, or embedding.
Supports shape customization with a circle clipping option to produce round QR visuals when needed.
Outputs a base64-encoded PNG for convenient in-app usage and quick paste into documents or messages.

Quick Start

Submit a URL to generate a QR code for sharing.

Frequently Asked Questions about qr-code

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a QR code from a URL using JavaScript?▼

To generate a QR code from a URL using JavaScript, submit the link to render a 512x512 pixel image on a canvas. This process leverages the qrcodejs library to produce a base64-encoded PNG for direct embedding and sharing.

Can I customize the shape of a QR code generated on a canvas?▼

Yes, you can customize the QR code shape on a canvas using a circle clipping option. This feature produces round QR visuals instead of standard squares, maintaining scannability while fitting specific design requirements.

Does generating a QR code with qrcodejs require server-side processing?▼

Generating a QR code with qrcodejs does not require server-side processing. It operates entirely on-device using JavaScript to render the image onto a canvas and returns a base64-encoded PNG for immediate use.

What is the output format when converting a URL into a QR code image?▼

The output format when converting a URL into a QR code image is a base64-encoded PNG. This format allows for convenient in-app usage and quick pasting into documents or messages without saving external files.

What are the limitations of using on-device JavaScript for QR code generation?▼

A limitation of using on-device JavaScript for QR code generation is the fixed 512x512 pixel output size. While suitable for screens and print, scaling beyond this resolution or altering error correction levels is not supported.