I am trying to understand the relationship between the width/height of a button (assuming it is a square) and the corner radius setting of a button. I would have thought that setting the corner radius to half the width (or height for that matter, assuming it is a square) will give one a perfect circle. But it seems not to be the case. See attached project:
1. Setting the corner radius to half of the width / height yields a square with rounded corners
2. Setting the corner radius to 80% of the width / height yields a "smaller" square with bigger rounder corners.
3. Setting the corner radius to 100% of the width/height yields a "perfect" circle.
So, what is the reference point where the corner radii are drawn from?
1. Setting the corner radius to half of the width / height yields a square with rounded corners
2. Setting the corner radius to 80% of the width / height yields a "smaller" square with bigger rounder corners.
3. Setting the corner radius to 100% of the width/height yields a "perfect" circle.
So, what is the reference point where the corner radii are drawn from?
Attachments

12.2 KB Views: 305