In my Chrome web browser (58.0.3029.110 and previous) on some pages there are visible weird straight lines. I am using Windows 10 x64, nvidia gtx 970. This happens only in Chrome. I am looking for any explanation.
This screenshots show my problem:
Super User is a question and answer site for computer enthusiasts and power users. It only takes a minute to sign up.Sign up to join this community
First of all, I hate answering my own questions. Second, I found two solutions to my problem.
First one is to turn off hardware acceleration. To do so, go to Settings > Advanced settings > "Use hardware acceleration when available" and uncheck it. This is weaker solution because you have to disable whole hardware acceleration.
The second solution is to disable only hardware rasterization. Go to url chrome://flags/ find "GPU rasterization" and set it to "Disabled". This solution is better, it disables only a small part of hardware acceleration.
In both cases those weird lines were removed.
Thanks Nihan J Co. because you gave me some leads on this.
It's almost certainly this Chrome/Chromium rasterization bug, which appears to be specific to certain NVidia GPUs. A solution is:
cleaning up the svg file may solve the issue. SVGO https://github.com/svg/svgo