Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Rounded Images

See original GitHub issue

I am loading user avatars dynamically over the network and placing them in the middle of the QR code. They are rendered with square corners which looks a little off for my app given that every other avatar in the app is circular (borderRadius: 50%).

Is it possible to specify style attributes to the image that gets rendered in the center so I can make it round?

Issue Analytics

State:
Created 6 years ago
Comments:8 (6 by maintainers)

Top GitHub Comments

2reactions

awesomejerrycommented, Jul 19, 2017

I believe that’s possible. Current logo implementation is wrapping an Image inside a View. We can provide borderRadius and overflow to the View and make it rounded.

I’ll make a new release for this.

0reactions

awesomejerrycommented, Jul 5, 2018

https://github.com/awesomejerry/react-native-qrcode-svg/releases/tag/5.1.0

It solves rounded image

Top Results From Across the Web

How To Create Rounded Images - W3Schools

Learn how to create rounded and circular images with CSS. ... Use the border-radius property to add rounded corners to an image. 50%...

Round corners on image online - PineTools

Cut-off corners on an image.

Make rounded corner image online - Free tool

Free online tool to make round corner image in a simple steps. Drop image in tool, set the corner radius using slider, then...

Rounded Corners on Images | IANR Media | Nebraska

The CSS property border-radius adds rounded corners on images. Radius values are listed starting with the top left corner and going clockwise around...

9,000+ Free Rounded & Round Images - Pixabay

Thousands of rounded images to choose from. Free high resolution picture download. Stained Glass, Spiral, Circle, Pattern. 1937 293. stained glassspiral.