| Summary: | Jaggies on dashed border when rotated | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Xidorn Quan <xidorn-webkit> | ||||||
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||||
| Status: | RESOLVED CONFIGURATION CHANGED | ||||||||
| Severity: | Normal | CC: | bfulgham, simon.fraser, webkit-bug-importer, zalan | ||||||
| Priority: | P2 | Keywords: | CanvaBug, InRadar | ||||||
| Version: | Safari Technology Preview | ||||||||
| Hardware: | Unspecified | ||||||||
| OS: | Unspecified | ||||||||
| Attachments: |
|
||||||||
Created attachment 426644 [details]
screenshot of the testcase
It can be seen from the screenshot there is serious aliasing.
Looks like we should enable context antialiasing when painted dashed borders in a context with a transform. I can no longer reproduce this bug. What OS/Safari versions does it occur on? |
Created attachment 426643 [details] testcase See the testcase. When a dashed border is rotated, it shows significant aliasing around it. This is only a problem in Safari, and neither Firefox nor Chrome has the same issue. In Canva, we currently workaround this issue via using background-image: linear-gradient, but it is significantly more complicated then it needs to.