SVG线性渐变看起来像素化

Question

所以我从草图中导出svg背景图像并将其插入页面，但它在浏览器中看起来非常前卫（条带）。有什么提示吗？

    <linearGradient x1="-2.48949813e-15%" y1="50%" x2="100%" y2="50%" id="linearGradient-4">
        <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
        <stop stop-color="#FFFFFF" stop-opacity="0.02" offset="50%"></stop>
        <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
    </linearGradient>

Fiddle