Bug 19421 - [Transforms] Certain rotation angles cause borders to expand
Summary: [Transforms] Certain rotation angles cause borders to expand
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Macintosh OS X 10.5
: P2 Normal
Assignee: Nobody
URL: data:text/html,<div style="width: 50p...
Keywords:
Depends on:
Blocks:
 
Reported: 2008-06-06 17:36 PDT by mitz
Modified: 2008-12-17 20:21 PST (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description mitz 2008-06-06 17:36:02 PDT
In the URL, the vertical borders are rendered as 3px wide rectangles, but they should be 1px wide. It seems like antialiasing doesn't kick in at that angle, and the coordinates get rounded to two integers 3px apart.
Comment 1 mitz 2008-06-06 17:37:38 PDT
This is especially problematic when slowly easing in or out of 0deg rotation, because then the borders momentarily jump right at the end or the beginning of the transition.
Comment 2 Dave Hyatt 2008-06-07 08:53:43 PDT
"It seems like antialiasing doesn't kick in at that angle'

We don't antialias border line drawing.  It caused problematic artifacts at border joins and stuff and made CSS artwork using borders differ from other browsers.
Comment 3 mitz 2008-06-07 12:15:09 PDT
(In reply to comment #2)
> We don't antialias border line drawing.

I don't mean WebKit, I mean Core Graphics. See the antialiasing in this example:

data:text/html,div style="width: 50px; height: 50px; border: 1px solid; -webkit-transform: rotate(30deg);"></div>