Incorrectly rendered SVG arc paths
Reported by
n...@noahveltman.com,
Jun 22 2017
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.109 Safari/537.36 Steps to reproduce the problem: 1. Open the attached SVG. Paths in the attached SVG are rendered properly in Firefox, Safari, Adobe Illustrator, Sketch, etc., but in Chrome they're rendered incorrectly (see attached screenshots). What is the expected behavior? The paths should be rendered approximately as rectangles - in Chrome, they're rendered as weird parallelograms of varying widths. What went wrong? Gradually increasing the radius of the arcs in the paths works fine up until a certain point, when they suddenly degrade. Could be some sort of float precision issue? Did this work before? N/A Does this work in other browsers? Yes Chrome version: 59.0.3071.109 Channel: stable OS Version: OS X 10.12.5 Flash Version:
,
Jun 22 2017
You are demanding very high precision, and the GPU path probably doesn't have that precision. For numerical robustness, reduce the absolute range of your points.
,
Jun 22 2017
I believe I saw this with "non-GPU" rendering as well (that's usually what I test first), but someone might want to confirm that.
,
Jun 22 2017
Sorry, correcting above - is this just an inevitable consequence of a large coordinate range? If it's a GPU constraint, why would it only fail in Chrome?
,
Jun 22 2017
If I disable the GPU in both Chrome and Firefox, the above file still seems to fail in Chrome but work in FF.
,
Jun 22 2017
Confirmed with these two that the issue seems only to be the large coordinate range, and not the precision of the individual coordinates. If I modify the large y values individually instead of using a y transform, it renders correctly (it should be ~rectangular).
,
Jul 10 2017
Hello, I saw similar problem. In Chrome circle that rendered by svg arcs have incorrect size. And radial gradient stretches outside the circle, rendered by arcs. Example in this fiddle. https://jsfiddle.net/plnttr1003/qxvp3bh5/5/ Incorrect size shown on the right circle. (124x133.9px) Left circle rendered by circle primitive and has correct size. (124x124px) In firefox, safari, ie sizes are equals.
,
Jul 10 2017
I have forked this into a new bug. The radial gradient errors here are not related to the original report, which was about large numbers in coordinates. https://bugs.chromium.org/p/chromium/issues/detail?id=740548
,
Jul 10
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
,
Jul 10
|
||||
►
Sign in to add a comment |
||||
Comment 1 by f...@opera.com
, Jun 22 2017Status: Available (was: Unconfirmed)