zxpsuper / qrcode-with-logos Goto Github PK

View Code? Open in Web Editor NEW

134.0 2.0 38.0 4.59 MB

A plugin for generating QR codes with a logo and styling.

Home Page: https://zxpsuper.github.io/qrcode-with-logos

License: MIT License

HTML 0.94% TypeScript 25.84% JavaScript 73.23%

qrcode qrcode-logo

qrcode-with-logos's Introduction

Hi, I'm zxpsuper(小皮咖).

Glad to see you here!

Greetings and salutations, fellow coders!

I am a front-end engineer based in Guangzhou, China, passionate about creating amazing digital experiences.

I'm always up for a good coding challenge, a lively debate about the merits of different programming languages.

So if you're looking for a developer who's equal parts creative and strategic, please drop me a line and let's build something amazing together!

📫 How to reach me: [email protected]

Languages and Tools:

qrcode-with-logos's People

Contributors

Stargazers

Watchers

qrcode-with-logos's Issues

Importing issues with the package

Hey, I am trying to import your package but I am getting this error,

import QRCodeWithLogos from 'qrcode-with-logos';
new QRCodeWithLogos({...});

I am using NodeJS v16. Please let me know if you need more details.

Looks like you do have a default export, but I am not sure why its not working.
https://github.com/zxpsuper/qrcode-with-logos/blob/master/src/index.ts#L62

TypeError: qrcode_with_logos_1.default is not a constructor
    at generateQrCode (..\src\promotion\qr\qr.controller.ts:18:33)
    at QRController.createQR (..\src\promotion\qr\qr.controller.ts:43:26)
    at ..\node_modules\@nestjs\core\router\router-execution-context.js:38:29       
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at ..\node_modules\@nestjs\core\router\router-execution-context.js:46:28       
    at ..\node_modules\@nestjs\core\router\router-proxy.js:9:17

Fixed with using require, but then I ran into this,

ReferenceError: document is not defined
    at new QrCodeWithLogo (..\node_modules\qrcode-with-logos\lib\qrcode-with-logos.common.js:298:34)
    at generateQrCode (..\src\promotion\qr\qr.controller.ts:19:33)
    at QRController.createQR (..\src\promotion\qr\qr.controller.ts:43:26)
    at ..\node_modules\@nestjs\core\router\router-execution-context.js:38:29       
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at ..\node_modules\@nestjs\core\router\router-execution-context.js:46:28       
    at ..\node_modules\@nestjs\core\router\router-proxy.js:9:17

I guess this is only browser-based, and you can't use it with Node?

wide logo

Hi! Could you help with logo size ?,becouse

but in this library (https://github.com/kozakdenys/qr-code-styling) the same image looks

We prefer use your library

FEATURE REQUEST: Add feature to create QR code for WIFI Connection

Can this be done?

How do I change the color of QR?

Promise never throw reject when generate image failed

`let qrLogo = new IQrCodeWithLogo({
                content: contact.linkURL,
                width: 380,
                image: image,
                logo: {
                    src: this.remoteUrl+ imageName + '.png'
                }
            });`

when I can't download the logo, I don't know if the QR is generated or not.

Release new version

Sorry, can you release a new version of the NPM package? The last version is from 2020, and since then there was various fixes that where added

Error "require is not defined" using the npm package

Hello,

I'm using your (great) package version 1.0.5 in a Laravel project. My assets are bundled using Vite.
After building my assets for prod, I have an error "require is not defined" in my console. I tracked down the error to this code:

// import QRCode from "qrcode"
var QRCode = require("qrcode");

in lib/qrcode-with-logos.esm.js

When editing directly this file in my node_modules and using the commented import, it works just fine.

I checked in the repo and there is a pull request #15 that mentions this.

Is this something I can somehow fix on my part or should it be changed in the npm package?

Thank you for looking into this!

Typescript definition error

I think your typescript definition is not correct, here is my usage and error message.

import QrCodeWithLogo from 'qrcode-with-logos';


const qrcode = new QrCodeWithLogo({
content: "https://github.com/zxpsuper",
image: document.getElementById("logo"),
width: 470,
  logo: {
     src: "logo_round.png",
 },
});

Error message:

(alias) const QrCodeWithLogo: IQrCodeWithLogo
import QrCodeWithLogo
This expression is not constructable.
Type 'IQrCodeWithLogo' has no construct signatures.

nodeQrCodeOptions.color.light set value "transparent" does not work

hello,
i set "transparent" or rgba vale to color.light but it is not work

different qr code style

Hey,

would it be possible to use differnt style qr codes like the google chrome dev inbuild