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

Issue 652262 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: Oct 2016
Cc:
█ sureshkumari@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 3
Type: Bug



Sign in to add a comment

Strange line between two aligned rect (svg render)

Reported by i...@salsitasoft.com, Oct 3 2016 
UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0

Example URL:

Steps to reproduce the problem:
render svg with 2 rectangles

What is the expected behavior?
because rectangles are aligned, no white line between rectangles expected

What went wrong?
user see white line between rectangles,
actually when user change browser's zoom level, white lines between rectangles sometimes present (110% zoom) sometimes absent (90% zoom)

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? No FF 49.0.1

Chrome version: Version 53.0.2785.143 m (64-bit)  Channel: n/a
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: I hope I haven't flash
complex.svg
508 bytes Download
LineIsVisible.png
51.9 KB View Download
Zoom90NoLine.png
77.8 KB View Download
Zoom110LineIsVisible.png
77.6 KB View Download

Comment 1 by sureshkumari@chromium.org, Oct 4 2016

Cc: sureshkumari@chromium.org
Components: Blink>SVG
Labels: M-55 OS-Linux OS-Mac
Status: Untriaged (was: Unconfirmed)
Tested the issue on windows 7, Linux Ubuntu 14.04 and Mac 10.11.6 using chrome version 53.0.2786.143 and canary 55.0.2879.0 with the below steps

1.Opened the SVG on chrome
2.Observed the white line not visible for Zoom 90% and the same is visible after 110%

Issue is observed from M30 old builds.Hence considering this as non regression issue and marking it as Untriaged to get more inputs from dev team.

Thanks,

Comment 2 by f...@opera.com, Oct 4 2016

Labels: -Pri-2 -Type-Compat Pri-3 Type-Bug
Status: WontFix (was: Untriaged)
This is an artifact from certain (commonly used) antialiasing techniques. The interaction between the bottom edge of the upper and the top edge of the lower rectangle yields a partially transparent "line" because the abutting parts of the rectangles are "represented" as partially transparent lines. Blending two transparent lines yields a transparent line (not an opaque one.) For certain cases of hardware (GPU) accelerated rendering you would not get these artifacts.

In particular example you can "fix" it to some degree by adjusting the "51.2" translation to just "51".

I don't think we have any plans to do anything about this issue, so I'm going to mark this bug as WontFix. Sorry.

Comment 3 by fmalita@chromium.org, Oct 4 2016 

Another possible workaround: shape-rendering="crispEdges" (for both rects) should yield seamless results -- at the expense of disabling anti-aliasing for all edges.
►

Sign in to add a comment