New issue
Advanced search Search tips

Issue 839387 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug



Sign in to add a comment

white horizontal lines between image stripes inside SVG image

Reported by googlean...@cib.de, May 3 2018

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.146 Safari/537.36

Example URL:

Steps to reproduce the problem:
- open attached HTML webpage, which contains one SVG image
- change firefox window size to a small view
=> white stripes inside lower gray block appear

Remarks:
The HTML webpage contains one SVG image. The SVG image contains several gray image stripes, which are ordered back to back vertically. The stripes itself overlap.

Background:
We convert PDF files with our tools to SVG and display the SVG instead of the PDF inside the browser. Inside the browser we scale the SVG according to settings by a user, so it can happen, that the SVG is scaled down and as in this case white stripes appear.

What is the expected behavior?
Expected results:

scaling of SVG doesn't introduce white stripes.

What went wrong?
Actual results:

Scaling the SVG down produced white stripes.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? No 

Does this work in other browsers? Yes

Chrome version: 65.0.3325.146  Channel: n/a
OS Version: 10.0
Flash Version:
 
whiteStripesInBetween.html
1.6 KB View Download
WhiteStripes_Screenshot.PNG
6.5 KB View Download

Comment 1 by googlean...@cib.de, May 3 2018

This bug can also be observed in firefox.
Microsoft Internet Explorer renders the gray stripes properly however. (one big gray line)
Components: Blink>SVG
Labels: -Pri-2 -Type-Compat Pri-3 Type-Bug
Status: Available (was: Unconfirmed)
This is due to pixel snapping when the percentage sizing combined with a large SVG Viewport spec that causes significant scaling down of the SVG content. It's not clear how to fix it.

Sign in to add a comment