Design Challenge -- Round Corner mask on images

[Sannyasin Brahmanathaswami]

Did you look at the screenshot?

They are using 10 px radius and there really is not a lot of wasted space

I'm testing now... create a graphic 410 wide and 100 tall, set roundradius to 1, then put a small image on top over on the right half ... oddly to my eye, if I set the right of the image to e.g 411 and the right of the graphic to 412.. it *appears* as of the image is masked... I suspect we will see her sharp corner of the image on a retina display though, so this is just a temp hack for now.



On March 27, 2016 at 12:54:14 PM, Mark Schonewille (m.schonewille at economy-x-talk.com<mailto:m.schonewille at economy-x-talk.com>) wrote:

I had a mobile app project where the designers did exactly the same.
They put round corners everywhere, around every element in the app. The
result was a lot of unused space. It was cumbersome and inefficient and
in the end it didn't look well. We decided to use straight corbers and
the app looked a gazillion times better than before.

If you still want this, you can create round rectangles and adjust the
corners dynamically using the roundRadius. Use the rectangles as
backgrounds of groups.