SVG无法在Google Chrome浏览器中呈现

Question

我想知道为什么我的svg不显示在chrome浏览器中，但可以在safari中使用

<svg width="325" height="214" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 325 214" fill="none">
     <g filter="url(#filter0_d)">
     <path d="M4 7L321 0V199L4 206V7Z" fill="#441D76"/>
     </g>
     <defs>
     <filter id="filter0_d" x="0" y="0" width="325" height="214" 
     filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
     <feFlood flood-opacity="0" result="BackgroundImageFix"/>
     <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 
     0 0 0 0 0 0 0 0 0 127 0"/>
     <feOffset dy="4"/>
     <feGaussianBlur stdDeviation="2"/>
     <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 
     0 0.25 0"/>
     <feBlend mode="normal" in2="BackgroundImageFix" 
     result="effect1_dropShadow"/>
     <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" 
     result="shape"/>
     </filter>
     </defs>
    </svg>

图片未显示在谷歌浏览器中