Client-side QR code generator with SVG output
QRSVG is a JavaScript project that renders customizable QR codes into SVG format, allowing users to modify shapes and colors, and download them in SVG or PNG, all client-side.
Read original article
QRSVG is a JavaScript project designed to render two-dimensional bitmasks, primarily QR codes, into SVG elements using SVG paths. The project aims to provide extensive customization options for QR codes, which are commonly used to convey digital information through physical media. While many existing QR code generators offer limited customization and often include ads or data tracking, QRSVG combines Project Nayuki’s QR Code generator library with its own capabilities to create a customizable SVG file from QR code data. The project allows users to modify shapes and colors of QR codes and offers downloadable options in both SVG and PNG formats. It operates entirely on the client side, meaning it can be hosted as static files without incurring costs. The demo available on the website showcases various stylistic customizations that users can apply to their QR codes.
- QRSVG converts QR code data into customizable SVG markup.
- It allows for shape and color customization of QR codes.
- Users can download QR codes in SVG and PNG formats.
- The project is entirely client-side and can be hosted as static files.
- It aims to provide a free alternative to existing QR code generators with fewer restrictions.
Related
SVG: The Good, the Bad, and the Ugly (2021)
SVG, scalable vector graphics, is a versatile format for web design, supporting various graphic elements like paths, shapes, text, and animations. Despite its power, its complexity and extensive specifications can be challenging for users.
Show HN: Qq: like jq, but can transcode between many formats
The GitHub repository hosts `qq`, a tool using `jq` query syntax and `gojq` for configuration format transcoding. It offers interactive query building, multiple format support, and encoding performance focus. Installation options include source or releases. Contributions welcome.
Show HN: QRaro, store binary data into QR Codes and retrieve it later
A Python module named "qraro" on GitHub encodes and decodes binary data into QR codes using `qrcode` and `zxing` libraries. Functions like `bin_to_qr` and `qr_to_bin` manage encoding and decoding. Instructions are available for installation and usage.
SVG Triangle of Compromise
The article explores SVG (Scalable Vector Graphics) on the web, highlighting its stylability, cacheability, and dimensionality, while discussing advantages and challenges in web design and performance considerations.
Show HN: turn videos into ASCII art (open source, js+canvas)
The tool converts videos into ASCII pixel art from uploads or webcam feeds, allowing users to adjust settings. It is free, open-source, and processes videos client-side without storage.
- Several users recommend alternative libraries and tools for generating QR codes, such as the 'qrcode' library and Anthony Fu's QR Toolkit.
- Users share personal experiences, including frustrations with QR code services that impose fees after a certain usage limit.
- There is a discussion about the advantages of SVG versus bitmap formats for QR code storage.
- Some comments express appreciation for the QRSVG project and its integration with existing libraries.
- Users highlight the importance of controlling QR code URLs to avoid unexpected costs.
14 commentsI remember it was around the same time that Obsidian got native callouts, so my notes for that project are all colourful & contain valuable admonitions like this:
```
> [!todo]
> That feeling when you're wasting hours of your life trying to make something you know is abandonware work just because it looks nice. There should be a word for that feeling. In Danish or Japanese. Or German.
```
We made a cute Christmas video to include in our card this year. My wife created a QR code from a random website and included it in the card as a picture. It linked to our video. We sent all of the cards out. People loved it.
... except we got an email from the QR code company about a week before Christmas. We went over our "free" click (the QR code went through their URL shortener). If we wanted to keep the QR code active we had to pay $20/mo.
We got absolutely fleeced. Never again. Control the URL and make the QR image yourself.
Works great and it does svg too. There are a few alternatives to this around as well but this one seems good enough.
Related
SVG: The Good, the Bad, and the Ugly (2021)
SVG, scalable vector graphics, is a versatile format for web design, supporting various graphic elements like paths, shapes, text, and animations. Despite its power, its complexity and extensive specifications can be challenging for users.
Show HN: Qq: like jq, but can transcode between many formats
The GitHub repository hosts `qq`, a tool using `jq` query syntax and `gojq` for configuration format transcoding. It offers interactive query building, multiple format support, and encoding performance focus. Installation options include source or releases. Contributions welcome.
Show HN: QRaro, store binary data into QR Codes and retrieve it later
A Python module named "qraro" on GitHub encodes and decodes binary data into QR codes using `qrcode` and `zxing` libraries. Functions like `bin_to_qr` and `qr_to_bin` manage encoding and decoding. Instructions are available for installation and usage.
SVG Triangle of Compromise
The article explores SVG (Scalable Vector Graphics) on the web, highlighting its stylability, cacheability, and dimensionality, while discussing advantages and challenges in web design and performance considerations.
Show HN: turn videos into ASCII art (open source, js+canvas)
The tool converts videos into ASCII pixel art from uploads or webcam feeds, allowing users to adjust settings. It is free, open-source, and processes videos client-side without storage.