angular-qrcode icon indicating copy to clipboard operation
angular-qrcode copied to clipboard

Add margin

Open zhengjia opened this issue 10 years ago • 3 comments

Hi, this adds a margin to the QR. When background color is dark, position detection pattern is unrecognizable.

zhengjia avatar Dec 20 '14 23:12 zhengjia

Thanks for the contribution :)

Sorry, I may be missing the point here, could this not just be handled in CSS?

.qrcode {margin: 10px;}

monospaced avatar Feb 21 '15 11:02 monospaced

@monospaced Yeah it will work on a web page with css. However it may not work as a downloaded image. If I download the QR code and open it in a image viewer, I may not have the ability to control the background color.

To show you an example, the following QR is not scannable.

untitled

The source QR code is this qrcode.

The default android photo app uses black background color, that's where I find the issue is.

zhengjia avatar Feb 21 '15 18:02 zhengjia

Thanks for the explanation, great stuff!

monospaced avatar Feb 21 '15 20:02 monospaced