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

Example URL:
http://jsfiddle.net/BlackLabel/1fr80tL9/

Steps to reproduce the problem:
1. Compare a SVG on top of the demo iframe with the bottom SVG - top is bad, bottom is good.
2. Compare with other browsers (FF, Safari, IE11, Edge - Win 10 and MacOS 10.14) and both SVGs are renders the same (excluding scale)
3. 

What is the expected behavior?
Render SVG like the bottom SVG in the demo.

What went wrong?
Missing fills in the path's shape and a faded strange line - part of the fill, or right side of the path.

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: 71.0.3578.98  Channel: stable
OS Version: 10.0
Flash Version: 

Changing scale of the path changes how it's filled on render (that's how the bottom SVG is made in the demo).