Comments (8)
I think that the colors are working as intended and you inverted colors. I would bet your QR code is not scannable in the current state. You should try :
colorLight = #ffffff
colorDark = #0080b9
from angularx-qrcode.
@Cordobo would you like to share your thoughts on this?
from angularx-qrcode.
I haven't tried it (please attach a working repo if you want me to check it out) but as @Robhox mentioned, the code looks inverted - have a look at a working QR code and compare the squares in the corners with the one in your version.
I close this for now, please reopen and add a repo to reproduce the issue if it still exists
from angularx-qrcode.
Please find below image with both the colour combinations. The light and dark colours are mentioned in the image itself. Hope this helps.
the code snippet used in my code is as below
<qrcode #qrTag [qrdata]="userDetailStr" [level]="'M'" [colorlight]="colorLight" [colordark]="colorDark" [usesvg]="false"></qrcode>
I need the QRcode in white and background in blue.
@Cordobo I guess above will help you explain the problem.
from angularx-qrcode.
Fixed in Version 2.0.0
from angularx-qrcode.
Well for some of my other colour combinations, the Light colour is #ffffff and the background is displayed as white. so I am expecting it to be a blue background and white QRcode colour.
Note: I am using version 1.5.3
from angularx-qrcode.
I can ensure you that the colors work as intended. Please print the same QR code with colorLight and colorDark inverted and see by yourself that the two generated codes aren't the same.
from angularx-qrcode.
I tried inverting colors as well and got the same result.
That's the reason I have raised the issue
from angularx-qrcode.
Related Issues (20)
- Replace qrcode library to fix commonjs warning HOT 3
- angularx-qrcode > @cordobo/[email protected]: Package no longer supported HOT 1
- QR-Code not displayed in Google Chrome when center image is defined HOT 3
- qrCode not working in dialog window! HOT 4
- [email protected] (Angular v8) should have a callback for returning the url when is created HOT 1
- Accidentally pulling in @types/node HOT 7
- Support for Angular 16 HOT 5
- How many string can [qrdata] hold? HOT 1
- angular 16.1.8 declare var AbortSignal: error HOT 4
- When i scan the QR code the accents are replaced with chinese characters HOT 1
- Is it possible to get the Base64 image string for a QR code in a TS file? HOT 3
- qrcode types missing HOT 7
- When i initialize the QR code,Chrome console show : Uncaught (in promise) SyntaxError: Unexpected token '�', "�PNG
- Support for Angular 17 HOT 8
- Support qrCodeURL (EventEmitter) for 12.0.3 version HOT 1
- Ionic Capacitor NSURLResponse error HOT 2
- Could not find a declaration file for module 'qrcode' HOT 9
- types.ts RGBAColor issue HOT 1
- Warning on Compilation: Dependency on CommonJS 'qrcode' Module Causes Optimization Bailouts HOT 2
- qrcode module is not ESM HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angularx-qrcode.