Design Challenge -- Round Corner mask on images

Sannyasin Brahmanathaswami brahma at hindu.org
Sun Mar 27 19:05:44 EDT 2016


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.


More information about the Use-livecode mailing list