Когда я рисую полосы SVG с узором и печатаю его в Google Chrome, некоторые линии становятся уродливыми, вот так.
Это действительно не бывает в других браузерах. Например, в Microsoft Edge вот так. 
Как правильно распечатать это в Google Chrome? Или в этом коде что-то не так?
Вот мой код.
<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs>
<pattern id="pattern_qET8y" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)">
<line x1="0" y="0" x2="0" y2="10" stroke="#24194D" stroke-width="1" />
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#pattern_qET8y)"/>
</svg>
</body>
</html>