1565260 - SVG text has adjacent characters noticeably misaligned, with small rotation applied via transform attribute

Status: NEW

(Core :: SVG, defect, P3)

Description

[Matt Travis]

Attachment: Economy_Tube_01-01.svg

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0

Steps to reproduce:

I opened a SVG with FireFox. You can right click on the attached file and open with FireFox to reproduce. It appears to occur when the image is reduced in size, but it looks ok when zoomed in.

It occurs in version 68 and nightly. Other browsers display the SVG correctly.

Windows 10 Pro
Version 1903

Actual results:

Text appears unaligned or aliased.

Expected results:

Text should appear aligned and antialiased.

Comment 1

[Matt Travis]

Attachment: Correct Render

Comment 2

[Matt Travis]

Attachment: Incorrect Render

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

The priority flag is not set for this bug.
:dholbert, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 4

[Daniel Holbert [:dholbert]]

Attachment: testcase 2 (reduced)

I'm having a hard time reproducing this bug (on Ubuntu 19.04) - I suspect it might be because I have a High-DPI monitor (with 200% pixel scaling) so misalignments are perhaps harder to see.

mtravis, can you let us know:
(1) do you know if your display is high DPI, or standard 1:1 pixel resolution?
(2) Do you see the same bug with this testcase that I'm attaching here?

Comment 5

[Matt Travis]

I do see the same issue with the test case you posted. The issue is easier to see if you zoom out. For example, if I set my zoom level to 200% like you mentioned in your setup, I don't really see the issue, but for me, 100% has it visible, and 80% really makes it stand out.

I am using the following monitor at the maximum supported resolution of 1920 x 1200 over HDMI:

https://www.amazon.com/Dell-UltraSharp-24-Inch-LED-Lit-Monitor/dp/B005JN9310

I see the same problem using the laptops built in monitor if I move the FireFox window over:

https://www.amazon.com/Latitude-E6540-15-6-LED-Notebook/dp/B00E7LX8IO

Co-workers have the same problem using monitors:

https://support.hp.com/us-en/document/c05078320
https://support.hp.com/us-en/document/c04727982
https://www.samsung.com/uk/monitors/uhd-ud590/

Comment 6

[Matt Travis]

Attachment: Screenshot_2019-07-29 https bug1565260 bmoattachments org.png

Screenshot of test case on my computer