New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 624057 link

Starred by 6 users
Status: Untriaged
Owner: ----
Cc:
fmalita@chromium.org
█ caryclark@google.com
reed@google.com
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Bug

Blocked on:
issue skia:5484


Sign in to add a comment

No antialiasing of 1px SVG strokes

Reported by keyam...@gmail.com, Jun 28 2016 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36

Example URL:
https://codepen.io/anon/pen/LZWeQO

Steps to reproduce the problem:
1. Using a non-retina (or low PPI) display, visit https://codepen.io/anon/pen/LZWeQO
2. The shape on the left is using a 1px stroke. The shape on the right is the exact same shape but the strokes were converted to fills. You should be able to see that the shape on left is badly aliased.

What is the expected behavior?

What went wrong?
There is no or little antialiasing when using 1px strokes in SVGs.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 51.0.2704.103  Channel: stable
OS Version: OS X 10.11.5
Flash Version: 

I have been been able to replicate this issue on both a Macbook Air and a Windows machine.

You could reproduce this issue using any SVG with 1px strokes (stroke-width="1px"). The strokes should be diagonal or curves; otherwise there worn't be any aliasing to begin with.
screenshot.png
2.2 KB View Download

Comment 1 by keyam...@gmail.com, Jun 28 2016 

This problem exists in high PPI (or retina) displays too. But it's very hard to see and reproduce. Especially because 1px strokes become 2px ones on high PPI displays.

On a Mac with a non-retina display, you can use the "Zoom" functionality under System Preferences > Accessibility > Zoom to better see the issue. Make sure to uncheck "Smooth images".

Comment 2 by f...@opera.com, Jun 29 2016

Components: -Blink Internals>Skia Blink>SVG
Labels: -OS-Mac OS-All
Status: Available (was: Unconfirmed)
I guess this is hitting the hairline code-path in Skia.

Comment 3 by fmalita@chromium.org, Jun 29 2016

Blockedon: skia:5484

Comment 4 by fmalita@chromium.org, Jun 29 2016

Cc: fmalita@chromium.org caryclark@google.com reed@google.com
Indeed.  Only noticeable for diagonal lines, with software rasterization.

Skia bug: https://bugs.chromium.org/p/skia/issues/detail?id=5484
Project Member

Comment 5 by sheriffbot@chromium.org, Jun 29 2017

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available. If you change it back, also remove the "Hotlist-Recharge-Cold" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 6 by f...@opera.com, Jun 29 2017

Labels: -Hotlist-Recharge-Cold
Status: Available (was: Untriaged)

Comment 7 by schenney@chromium.org, Jun 29 2017

Components: -Blink>SVG
Labels: PaintTeamTriaged-20170629 BugSource-User
Project Member

Comment 8 by sheriffbot@chromium.org, Jun 29 2018

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
►

Sign in to add a comment