New issue
Advanced search Search tips

Issue 816392 link

Starred by 1 user
Status: Available
Owner: ----
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug



Sign in to add a comment

height is not precise after transform:rotate(-90deg)

Reported by jeromin....@gmail.com, Feb 26 2018 
UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3346.8 Safari/537.36

Steps to reproduce the problem:
1. load testcase
2. horizontal line has height 15px
3. vertical line has defined the same height 15px but also transform:rotate(-90deg)

What is the expected behavior?
both should render height as 15px 

What went wrong?
vertical line renders height as 16px

Did this work before? No 

Does this work in other browsers? N/A

Chrome version: 66.0.3346.8  Channel: n/a
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version:
chrome_rotate.htm
1.1 KB View Download

Comment 1 by woxxom@gmail.com, Feb 26 2018 

Observed on default OS dpi setting (96dpi, no scaling i.e. 100%).
The rotated element has different antialiasing (AA) applied.
The AA method is probably GPU-specific because the appearance changes when I disable chrome://flags/#enable-gpu-rasterization

See the attached screenshots that I've zoomed for convenience.
You can also use the built-in Windows Magnify tool, but not browser zoom.
BTW Firefox is even worse.
chrome-default.png
2.1 KB View Download
chrome-rasterization-OFF.png
2.0 KB View Download
firefox.png
2.1 KB View Download

Comment 2 by jeromin....@gmail.com, Feb 26 2018 

somewhat related my other issue with the same test case but concerning the text
https://bugs.chromium.org/p/chromium/issues/detail?id=816400

Comment 3 by schenney@chromium.org, Feb 26 2018

Labels: -Pri-2 Pri-3
Status: Available (was: Unconfirmed)
We're not likely to look at this soon.
►

Sign in to add a comment