SVG background images do not always repeat uniformly.
Reported by
al...@brimar.com,
Jan 6
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36 Steps to reproduce the problem: 1. Open the attached index.html 2. Observe the two jagged lines, which are drawn from the same SVG background image. What is the expected behavior? I expect the SVG background to be repeated uniformly. This would mean that the bottom jagged line would appear to be a scaled-down version of the top one. In other words, I would expect it to look like the attached "safari-correct.png" What went wrong? The SVG background is repeated unevenly. It appears that in some cases, only part of the SVG is drawn before it is repeated. It is possible that this is happening for both jagged lines, but the effect is pronounced in the bottom one. See the attached "chrome-bug.png" Did this work before? N/A Does this work in other browsers? Yes Chrome version: 71.0.3578.98 Channel: stable OS Version: OS X 10.13.6 Flash Version: A data-uri was used in the example index.html to make it easier to view. The attached "squiggle.svg" was used to generate the data-uri. This bug looks like a rounding error to me.
,
Jan 7
Tried testing the issue on reported chrome version #71.0.3578.98 using Mac OS 10.13.6 by following below steps. Steps: ===== 1.Launched chrome. 2.Opened "index.html". 3.Observed that SVG background is repeated uniformly. Attached screenshot for reference. @reporter: Could you please review the attached screenshot and let us know if anything is missed from our end. Thanks.!
,
Jan 7
If you do not scale your browser, the jagged line on the bottom of the demo page is only 9px tall. In your screenshot, it appears to be more than 10x that height. The bug only appears at a small scale, where a 1px error has a major impact, so zooming your browser to 1000% has almost certainly prevented you from seeing the bug. If you view the page at 100% scale, the issue should appear. I realize that the line is small and you may wish to zoom in, but the small scale is necessary to produce the bug. If you have trouble with visibility at that scale, I would recommend taking a screenshot and then opening the screenshot in a graphics editor. Alternatively, doing a side-by-side comparison with a different browser, such as Safari, should make it easy to see the issue.
,
Jan 7
Thank you for providing more feedback. Adding the requester to the cc list. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jan 7
,
Jan 8
I can reproduce this on Mac. Will see where else.
,
Jan 8
|
|||||
►
Sign in to add a comment |
|||||
Comment 1 by phanindra.mandapaka@chromium.org
, Jan 6